vue 使用sass的配置方法

如何配置sass,在项目中使用sass

1:在项目中安装sass依赖

cd 项目路径
npm install --save-dev sass-loader
npm install --save-dev node-sass

2:安装好了依赖之后,在 build 文件夹下的 webpack.base.conf.js 文件中添加配置

modules  -> rules  添加下面内容

{
    test: /\.sass$/,
    loaders: ['style', 'css', 'sass']
}

vue 使用sass的配置方法_第1张图片

3:在使用的样式中添加,运行项目即可看到效果