使用npm私有服务器保存公司内部强业务类型组件(二):vue-webpack框架

一套基于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')
}
相关文章
相关标签/搜索