最近把一個舊項目的webpack升級突委,其中vue-loader也更新了,然后就出現(xiàn)了報錯冬三,一一解決~
package.json
"vue-loader": "^15.2.0"
這個版本裝完后匀油,npm run dev一下,爆炸勾笆。查看了下官方文檔 https://vue-loader.vuejs.org/
發(fā)現(xiàn)現(xiàn)在要引入VueLoaderPlugin敌蚜,
webpack配置
const { VueLoaderPlugin } = require('vue-loader');
...
...{
plugins: [
new VueLoaderPlugin()
]
}
...
npm run dev一下,報錯沒那么嚴重了窝爪,但是因為我使用stylus進行css預編譯弛车,之前可能寫的不規(guī)范,這里需要有個小改動蒲每。
原來的webpack里的module配置:
{
test: /\.styl$/,
use: [
'style-loader', 'css-loader','stylus-loader'
]
}
需要改成:
{
test: /\.styl(us)?$/,
use: [
'vue-style-loader',
'css-loader',
'stylus-loader'
]
}
然后npm run dev 無縫升級~當然還有很多操作帅韧,建議直接去官方文檔看一波~