一.安装sass依赖包
$ npm install sass-loader --save-dev //sass-loader依赖于node-sass $ npm install node-sass --save-dev
二.修改 style标签添加lang属性
<style lang="scss" type="text/css">
//你的sass语言
$primary-color: #333;
h1 {
color: $primary-color; //编译后就成了 color:#333;类似于js的变量！
}
</style>
三.npm编译
$ npm run dev
四.如果失败
则打开build文件夹下面的webpack.base.config.js添加
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}