6.Webpack插件之sass-loader

1.安装

npm install sass-loader node-sass webpack --save-dev

2.使用
在webpack.config.js中加入如下代码

{
	test:/\.s[ac]ss$/,
	use:['style-loader','css-loader','sass-loader']
},

创建main.scss文件

$primary:green;

body {
	background:$primary;
}

修改main.js将main.scss引入进去

require('./main.scss');

运行npm run dev查看效果

点击查看sass-loader原文文档