一套基于vue webpack element-ui的npm私有服务器开发组件框架
在配置的有两个地方需要注意:
1:配置library
library选项:
如果设置此选项,会将bundle导出为library。output.library是library的名称。
如果正在编写library,并且需要将其发布为单独的文件,请使用此选项
libraryTarget:
表示library的导出格式,
"var" - 导出为一个变量:var Library = xxx(默认) "this" - 导出为 this 的一个属性:this["Library"] = xxx "commonjs" - 导出为 exports 的一个属性:exports["Library"] = xxx "commonjs2" - 通过 module.exports:module.exports = xxx 导出 "amd" - 导出为 AMD(可选命名 - 通过 library 选项设置名称) "umd" - 导出为 AMD,CommonJS2 或者导出为 root 的属性
2:关于babel-polyfill重复引用的问题,因为之前在编译es6的时候 直接配置在webpack配置文件里面,这样打包成功导出去后,在其他项目引用该文件的时候,其他项目在编译的时候会报babel-polyfill重复引用的问题,所以我们在使用babel-polyfill的时候需要先判断一下,如果已经存在了 就不需要引用了,我选择在APP.vue里面加上
if (!global._babelPolyfill) { // 为了解决重复引入的问题 require('babel-polyfill') }