vue-cli3實現自動導入scss變量

描述：我們想把scss的變量寫在一個scss文件中，然后自動導入到.vue文件中直接調用。

1.通過使用vue-cli-plugin-style-resources-loader

　　前提：導入sass-loader以及node-sass依賴

npm install -D sass-loader node-sass

　　安裝：

vue add style-resources-loader

　2.配置相關文件（vue.config.js）

const path = require('path')
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      'preProcessor': 'scss',
      'patterns': [
        path.resolve(__dirname, './src/styles/abstracts/*.scss'),//導入的scss文件的路徑
      ]
    }
  }
}

　然后便可以實現，其他less等也是同等操作，

最后附上官方文檔：https://cli.vuejs.org/zh/guide/css.html