vue项目中使用SCSS

1.首先安装依赖

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

2.找到bilud目录下的webpack.base.config.js文件，添加rules规则

{

        test: /\.scss$/,

        use: [

          'vue-style-loader',

          'css-loader',

          'sass-loader'

        ]

      },

3.vue文件中使用

<style lang='scss' scoped>

4.运行报错的注意事项

1.降低sass-loader 的版本到 sass-loader@7.3.1

2.npm rebuild node-sass 如果报错使用 cnpm 淘宝镜像重新安装

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。