Nuxt项目中批量导入全局SCSS文件至nuxt.config的方法及与style-resources禁用场景的区别问询

首先直接给结论：你在nuxt.config的css配置里批量导入全局SCSS的操作，和style-resources文档警告的禁止行为完全不是一回事，二者的运行机制和适用场景有本质区别。

下面详细拆解：

1. 为什么css: ['./assets/scss/globals/*.scss']不生效？ #

Nuxt的css配置项本身不支持通配符路径写法——它只接受具体的单个文件路径，或者目录路径（如果写目录，会默认寻找目录下的index.*文件作为入口）。所以通配符*.scss会被当成普通字符串处理，Webpack找不到对应的文件，自然无法生效。

2. css配置与style-resources的核心差异 #

这两者的运行逻辑完全不同，搞清楚这点就能明白为什么style-resources禁止导入实际样式，而css配置却可以安全导入：

• css配置的工作方式：
  你通过css配置导入的SCSS文件，会被Webpack作为全局样式的独立入口处理，在项目构建时只编译一次，最终打包成一份全局的CSS文件（比如app.css），然后注入到页面的<head>中。所有页面和组件都会共享这一份编译后的样式，不会重复注入到每个组件的代码里，完全不存在重复编译或体积冗余的问题。

• style-resources的工作方式：
  这个插件的作用是在每个单文件组件（.vue）的