一套基於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') }