vuecli 4.5 配置公共scss樣式文件

首先安裝npm install sass-resources-loader -D

然后建立自己的scss文件，_variables.scss，隨便碼個$blue:blue

再在vue.config.js中加入

chainWebpack: (config) => {
    const oneOfsMap = config.module.rule("scss").oneOfs.store;
    oneOfsMap.forEach((item) => {
      item
        .use("sass-resources-loader")
        .loader("sass-resources-loader")
        .options({
          // 要公用的scss的路徑
          resources: "src/styles/_variables.scss",
        })
        .end();
    });
  },

最后在組件中

<style lang="scss">

.a{color:$blue}

</style>