在vue项目中使用less

2019-09-30 06:39:14来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

在vue项目中使用less

1.安装 less 和 less-loader。

命令:         npm install less less-loader --save-dev   2.打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面 添加一段{test: /.less$/,loader: "style-loader!css-loader!less-loader" }

 

 3.代码中的 style 标签中 加上 lang="less" 属性即可使用,或者通过@import引入.less文件


原文链接:https://www.cnblogs.com/zzz-knight/p/11598843.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS设计制作网页的经验

下一篇:vue+iview+mock模拟数据遍历