vue使用less/sass无效问题

vue项目安装了less依赖,在页面style标签里引入" lang=‘less’ “,但是每次加上scoped样式就会失效,或者是可以加scoped,但是再引入” lang=‘less’ ",样式也会失效,给我纳闷了好久
前两天找到原因了,原来依赖安装完成后还要再build文件夹下的webpack.base.conf.js中添加rules对象:

{
  test: /\.less$/,
  loader: "style-loader!css-loader!less-loader",
},

sass也是同样的方法

参考资料:
1:https://blog.csdn.net/xiazeqiang2018/article/details/81085600

2:https://blog.csdn.net/BarcodeYu/article/details/80736363?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐