美文网首页我爱编程
【前端】vue-loader 升级踩坑

【前端】vue-loader 升级踩坑

作者: 赵卓boomboom | 来源:发表于2018-05-25 17:24 被阅读0次

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

相关文章

网友评论

    本文标题:【前端】vue-loader 升级踩坑

    本文链接:https://www.haomeiwen.com/subject/vzeujftx.html