30如何使用less的api_CSS学习

资料来源：网络整理时间：2023/3/4 4:12:36 共计：3603 浏览

30如何使用less的api？

vue-cli 构建的项目默认是不支持 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",

}

使用方法：在代码中的 style 标签中加上 lang="less"

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。