vue 使用scss

vue 使用scss

电脑node是12.18.2，使用的cli2创建的项目；

1. 安装node-sass sass-loader(node-sass5.x不支持，sass-loader新版本10.x不支持，别的版本没试，我使用4.14.1和7.3.1是支持的)

npm i node-sass@4.14.1 sass-loader@7.3.1 -D

2. 修改文件配置，build -> webpack.base.conf.js,resolve下的extensions新加’.scss’

resolve: {
    extensions: ['.js', '.vue', '.json', '.scss'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

3. 重启就可以使用了

<style lang="scss" scoped>

</style>