一套基于vue webpack element-ui的npm私有服务器开发组件框架javascript
下载 vue
在配置的有两个地方须要注意:java
1:配置librarywebpack
library选项:es6
若是设置此选项,会将bundle导出为library。output.library是library的名称。web
若是正在编写library,而且须要将其发布为单独的文件,请使用此选项npm
libraryTarget:element-ui
表示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里面加上babel
if (!global._babelPolyfill) { // 为了解决重复引入的问题 require('babel-polyfill') }