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']
}

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

<style lang="scss" scoped>

猜你喜欢

转载自blog.csdn.net/Janus_lian/article/details/83893968