【前端】vue-loader 升级踩坑

最近把一个旧项目的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 无缝升级～当然还有很多操作，建议直接去官方文档看一波～