使用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')
}
相關文章
相關標籤/搜索