style-resources-loader

pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss",
      patterns: [
        path.resolve(__dirname, './src/assets/css/var.scss')
      ]
    }
  }

这段代码是在 Vue.js 项目的 vue.config.js 文件中配置 style-resources-loader 插件的选项。style-resources-loader 插件可以用于在 Vue 项目中全局导入 SCSS 或 Less 变量、混合器等。

解释一下这段代码的含义：

• pluginOptions: 用于配置插件选项的对象。
• "style-resources-loader": style-resources-loader 插件的名称。
• preProcessor: 指定要使用的预处理器，这里是 scss，表示使用 SCSS 预处理器。
• patterns: 一个数组，用于指定要全局导入的样式文件路径。这里指定了一个路径，即 ./src/assets/css/var.scss，表示全局导入该文件中的 SCSS 变量、混合器等。

这样配置后，style-resources-loader 插件会在构建过程中自动将 ./src/assets/css/var.scss 文件中的 SCSS 变量、混合器等全局导入到所有的 SCSS 样式文件中，这样你就可以在组件的样式中直接使用这些变量和混合器等，而无需重复导入。

需要注意的是，在使用 style-resources-loader 插件之前，你需要先安装它：

	npm install style-resources-loader --save-dev

然后在 vue.config.js 文件中引入 path 模块：

	const path = require('path');

最后，将上面的配置代码添加到 vue.config.js 文件中即可。