引入变化

#引入由于自带的vue、vuex所以要在webpack中进行配置排除

在vuecli3中

configureWebpack: {
  externals: {
   'vue': 'window.Vue',
   'fiber': 'window.Fiber'
  }
 }

在webpack中
  externals: {
   'vue': 'window.Vue',
   'fiber': 'window.Fiber'
  }

##使用方式

#import Vue from 'vue'
import * as Fiber from 'fiber'##

Vue.use(Fiber, {
     icon: ['v5', 'cap']
})

其中icon为图标库引入，v5为基础图标库，cap为cap图标库，请按需使用

自带国际化

由于基础组件内部的国际化和i18n不相关联，且原基础上没有暴露出api可以修改，所以在app最外层都需要进行套壳处理，ant官网 (opens new window)利用该组件类似原理，然后国际化不需要引入内置了，所以local参数为string，可选值有  zh_CN、zh_TW、en三种，可直接绑定headerjs中的_locale值

使用代码如下所示

// 在组建的template中
<a-config-provider locale="zh_CN">
    <App ></App>
</a-config-provider>

// 利用render函数的jsx
render: () => (
<a-config-provider locale="zh_CN">
    <App ></App>
</a-config-provider>
)

// 或者利用render函数直接渲染
render: (h) => {
  return h('a-config-provider', {
    props: {
      locale: window._locale
    }
  }, [h(App)])
} 

编撰人：yinyanting、admin

快速跳转

• 引入变化