vue配置less/sass

less

安装

npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s

或者

npm install less@3.12.2 -s
npm install less-loader@4.1.0 -s

配置
打开：/build/webpack.base.conf.js 搜索 rules在数组中添加

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

直接安装最新版的less会报错。我先阶段一直使用的这几个版本的

Sass

安装

npm install style-loader node-sass --save-dev
npm install sass-loader@7.0.1 -s

配置
打开：/build/webpack.base.conf.js 搜索 rules在数组中添加

{
	 test: /\.sass$/,
	 loaders: ['style', 'css', 'sass']
},

新版本的 vue-cli 自带 sass 所以可以不用添加该配置

如果发现引入报错，请注意各npm包的版本！

点赞、收藏、关注。