Vue 项目中使用less

首先 你得有 完整的 Vue开发环境
第一步

安装less 依赖

npm install less less-loader --save

　　

第二步

修改webpack.config.js文件，配置loader加载依赖

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

},

第三步

然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)

引入外部的less 文件示例

@import './index.less'; //引入全局less文件

　　最后附上less的参考知识： http://lesscss.cn/