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,再更改就行了

你可能感兴趣的:(Vue项目前端)