vue项目打包和链接服务器后台都出现样式全部丢失的错误

  • 项目是将前端模板渐渐改成element-ui
    • 使用vue版本是2.4.0,就是没有vue.config.js的一个版本
    • 写完之后,剩下一堆css和js文件,又不敢删掉,因为会用到一些,结果全部都看不见样式,无论是webpack打包还是链接服务器后台
    • 网上的方法基本上就是将element-ui的引用写在router前面,或者在每个vue自定义的style中添加scoped关键字,对我来说都不起作用
  • 最后终于找到一个有效的方式,就是把vue.config.js的requireModuleExtension:true
css:{
       extract:true,
       sourceMap:false,
       loaderOptions:{},
       requireModuleExtension:true
   }

因为这个版本把config隐藏起来了,没有显式文件,所以需要修改的的需要自己新建一个同名文件,放在根目录下,然后把把基本配置代码ctrl+c ,ctrl+v,再更改就行了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值