Vue2.0 中使用Less

Vue2.0 中使用Less

第一步  npm安装less

npm install less less-loader --save

第二步  修改webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加如下代码

{
	test: /\.less$/,
	loader: "style-loader!css-loader!less-loader",
},

第三步  在组件中的style 添加lang="less"

类似下列代码

引入外部less文件则在style标签之后引入 @import './index.less'，如下列代码