在vue项目中使用less
程序员文章站
2022-05-23 11:16:53
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" }
3.代码中的 style 标签中 加上 lang="less" 属性即可使用,或者通过@import引入.less文件