vue配置less/sass

less

安装

npm install [email protected] -s
npm install [email protected] -s
           

或者

npm install [email protected] -s
npm install [email protected] -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 [email protected] -s
           

配置

打开：

/build/webpack.base.conf.js

搜索

rules

在数组中添加

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

新版本的

vue-cli

自带

sass

所以可以不用添加该配置

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

点赞、收藏、关注。