在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文件