如何在vue项目中使用scss语法

第一步安装

首先我们使用scss语法的时候需要进行npm安装

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

第二步配置

在build目录找到webpack.base.conf.js文件
在该文件module.export中的module.rules加入解释scss文件的loader
如何在vue项目中使用scss语法_第1张图片

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

现在scss代码在你的文件中应该就可以被编译了

你可能感兴趣的:(css)