vue项目中使用sass预处理

首先先安装依赖包
执行
npm i node-sass --save-dev
npm i sass-loader --save-dev

这里值得一提的是使用save会在package.json中自动添加

然后vue2.0中要在项目中的build文件夹中的webpack.base.conf.js里面的rules加上

{
test: /.scss$/,
loaders: [“style”, “css”, “sass”]
}

在页面中使用
vue项目中使用sass预处理_第1张图片

你可能感兴趣的:(vue,vue)