webpack - 将 sass-resources-loader 与 vue-cli v3.x 一起使用

Question

如何使用sass-resources-loader使用 vue-cli@3.x 添加全局 scss 变量和混合。

Answer 1

正如您在 the docs 中看到的那样，最简单的方法是为 sass 预处理器使用 loaderOptions。不需要任何额外的依赖:

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `
          @import "@/scss/_variables.scss";
          @import "@/scss/_mixins.scss";
        `
      }
    }
  }
};