在Vue(v2) 组件中自动导入SASS/SCSS

#Vue cli 3 +

vue.config.js文件中增加配置:

module.exports = {
  css: {
    loaderOptions: {
      scss: {
        // 注意: 在sass-loader v8 中,这个选项是prependData, 在sass-loader v8 中,这个选项是 data
        additionalData: `@import "./src/_shared.scss";`,
      },
    },
  },
};

#Vue cli 2

/build/utils.js文件中找到scss: generateLoaders('sass')的行:

scss: generateLoaders("sass").concat({
  loader: "sass-resources-loader",
  options: {
    resources: path.resolve(__dirname, "./src/_shared.scss")
  }
})