最近在學習Vue-webpack的視頻教程
https://www.imooc.com/video/16402
2-1 vue-loader+webpack項目配置
這篇課程真的很坑人，跟著做一毛一樣結果不斷的報錯垦江，可能是他之前有做過囚枪，所以視頻里他寫的代碼才沒有報錯骑篙，反正這些報錯整的我快崩潰了
至于他這個開發(fā)工具我就不多說了，也許是我用慣了HBuilder 井辜，再去用 Visual Studio Code 和 Atom 時有點懵逼，不會用而且中文插件安裝上老是報錯。
閑話說一籮筐腐魂，現(xiàn)在開始說正事。逐纬。蛔屹。。豁生。
我的終端用 npm run build 命令運行的時候兔毒，報了以下錯誤
報錯的狀態(tài)：
報錯
只要是和我報錯的一樣就可以用下面解決：
1，修改package.json中代碼
將老師編輯的
"build": "webpack --config webpack.config.js"
修改為
"build": "webpack --mode development"
2甸箱，修改webpack.config.js中代碼
頂部添加
const {
VueLoaderPlugin
} = require('vue-loader');
將【module】中新增【css】以及末尾添加【plugins】
修改為：
module: {
rules: [{
test: /.vue$/,
loader: 'vue-loader'
}, {
test: /.css$/,
use: ['vue-style-loader', 'css-loader']
}]
},
plugins: [
new VueLoaderPlugin()
]
這兩種方法中第一種我沒有測試過育叁，我使用的是第二種解決辦法
修改過后可以用在重新 用 npm run build 運行了
這是解決后的狀態(tài)：
終端
同時，會生成一個你在 webpack.config.js 文件所寫的文件名和 js 文件
我寫的文件夾名為“dist”芍殖，js 文件名為“bundle.js”
文件夾名和 js 文件名
還有一個報錯在終端會提示
mode 豪嗽、production
這兩個單詞，那么解決辦法還是在 webpack.config.js 中解決
這是什么意思吶围小？
webpack官方說是模式?jīng)]有設置
很好解決：
官方解決辦法 https://webpack.js.org/concepts/mode/
不想看官方的可以看我的：
模式設置
之前碰到的報錯都沒有保存昵骤，只有這兩個錯
希望能給你有所幫助，謝謝你的瀏覽肯适！
