vue使用sass

Posted 2020-10-25 AlanTao

一.安装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"]
}