vue-cli 构建的项目中集成less

vue-cli 构建的项目中不支持less或者sass，需开发者手动引入。步骤如下：

一、npm 安装less 和 less-loader，打开项目目录运行指令

npm install less less-loader --save-dev

二、打开文件目录build/webpack.base.conf.js，module.rules中添加如下代码

module.exports = {
	module: {
		rules: [{
			test: /\.less$/,
			loader: "style-loader!css-loader!less-loader"
		}]
	}
}

三、在需要less的页面的style标签中 添加lang="less"属性

<style lang="less">
</style>