output.disableCssModuleExtension#

• 类型： boolean
• 默认值： false

是否将源码目录下的所有样式文件当做 CSS Modules 模块进行处理。

在默认情况下，只有 *.module.css 结尾的文件才被视为 CSS Modules 模块。开启该配置项之后，会将源码目录下的所有 *.css 样式文件当做 CSS Modules 模块。

.sass、.scss 和 .less 文件的处理规则与 .css 文件一致，也会受到 disableCssModuleExtension 的影响。

示例#

export default {
  output: {
    disableCssModuleExtension: true,
  },
};

规则#

以下是对 CSS Modules 判断规则的详细解释：

未开启 disableCssModuleExtension（默认）#

以下文件会视为 CSS Modules：

• 所有 *.module.css 文件

以下文件会视为普通 CSS：

• 所有 *.css 文件（不含 .module）
• 所有 *.global.css 文件

开启 disableCssModuleExtension#

以下文件会视为 CSS Modules：

• 源码目录下的 *.css 和 *.module.css 文件
• node_modules 下的 *.module.css 文件

以下文件会视为普通 CSS：

• 所有 *.global.css 文件
• node_modules 下的 *.css 文件（不含 .module）