vue 3.x - 安裝scss/sass

1.首先執行以下命令安裝 style-resources-loader;

vue add style-resources-loader

2.然后安裝scss/sass,node-sass sass-loader sass 屬於重要依賴，所以需-D而不是-S；

npm install node-sass sass-loader sass -D

3.根路徑下建立文件vue.config.js

const path = require('path');
module.exports = {
    pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'scss',
        patterns: []
      }
    }
}

4.調用test

<style lang="scss" scoped>
$bg: red;
.container {
  background-color: $bg;
}
</style>