Vue使用sass

<style lang="scss" scoped>

</style>

 

 

1、vue项目踩坑，使用sass的时候，npm run dev运行项目报错：

 

 

 

2、根据别人博客解决如下：https://cloud.tencent.com/developer/article/1492727

　　2.1、cmd控制台进入项目目录，执行下面代码安装sass:

cnpm install sass-loader -D

cnpm install node-sass -D

 

　　2.2、在vue项目的webpack.config.js文件中加入代码：

{
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ],
      },
      {
        test: /\.sass$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader?indentedSyntax'
        ],
      },

 

 

3、然后再运行项目就可以了