構建 webpack 和 vue 的環境

標籤：環境   安裝   mod   web   字元   template   pac   數組   pre   

前端真是日新月異了，前不久的教程就很多不一樣了。搭環境搭了幾小時，終於搭好了。

首先奉上別人的老版教程，可以先按這個來：

點擊查看老版

可以先跟這個來，按照教程開始打包後會報錯。現在好好說說其中跟現在不一樣的坑。

 

1. 報錯一：現在webpack已不支援自訂屬性了，故 webpack.config.js 中的 Favlist 的索引值對要刪掉。
2. 報錯二：config.resolve.extensions[0] 不可為空，故要刪去相對應的數組中第一項的Null 字元串，只留 ‘.js‘ 和 ‘.vue‘ 兩項。
3. 報錯三：無法找到 ‘vue-template-compiler‘ 模組。可以直接 npm install vue-template-compiler --save-dev 安裝。
4. 報錯四：不能省略 ‘-loader‘。即現在的loaders選項中，要把 module.loaders 中的每一項中的 loader 加上 ‘-loader‘ 尾碼。即 ‘vue‘ => ‘vue-loader‘, ‘babel?presets=es2015‘ => ‘babel-loader?presets=es2015‘。

 後面的熱載入外掛程式跟著它走就沒事啦。就醬。

構建 webpack 和 vue 的環境