最近把一个旧项目的webpack升级,其中vue-loader也更新了,然后就出现了报错,一一解决~
package.json
"vue-loader": "^15.2.0"
这个版本装完后,npm run dev一下,爆炸。查看了下官方文档 https://vue-loader.vuejs.org/
发现现在要引入VueLoaderPlugin,
webpack配置
const { VueLoaderPlugin } = require('vue-loader');
...
...{
plugins: [
new VueLoaderPlugin()
]
}
...
npm run dev一下,报错没那么严重了,但是因为我使用stylus进行css预编译,之前可能写的不规范,这里需要有个小改动。
原来的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 无缝升级~当然还有很多操作,建议直接去官方文档看一波~