欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

在vue项目中使用less

程序员文章站 2023-08-23 08:44:33
1.安装 less 和 less-loader。 命令: npm install less less-loader --save-dev 2.打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面 添加一段:{te ......

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" }
在vue项目中使用less

 

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