【前端】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 无缝升级～当然还有很多操作，建议直接去官方文档看一波～

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容