如何通过正则排除指定文件（webpack optimize-css-assets插件）

云上老周

2026-8-11

解决optimize-css-assets-webpack-plugin排除特定文件的正则问题

你的问题出在负前瞻正则的逻辑匹配上，两个测试正则的写法都不符合需求：

错误原因分析

/^.*(?!my-stylesheet\.css)/：.*会贪婪匹配到字符串末尾，此时负前瞻(?!my-stylesheet\.css)检查的是当前位置之后的内容，但已经到字符串结尾了，没有后续内容，所以这个条件永远为真，导致所有文件都被匹配。
/^(?!my-stylesheet\.css)$/：这个正则仅排除**完全等于my-stylesheet.css**的字符串，但如果文件带有路径（比如another/css.css）或者文件名更长（比如my-other-stylesheet.css），都会被匹配；如果目标排除文件是带路径的（比如dist/my-stylesheet.css），这个正则也会错误地匹配它，因为整个字符串不是my-stylesheet.css。

正确正则方案

根据你的需求，分两种场景给出正则：

场景1：排除所有路径下的`my-stylesheet.css`

如果你需要排除任何目录下的my-stylesheet.css（比如src/my-stylesheet.css、dist/my-stylesheet.css都要排除），用这个正则：

/^(?!.*my-stylesheet\.css$).+$/

逻辑解释：

^：匹配字符串开头
(?!.*my-stylesheet\.css$)：负前瞻规则，确保整个字符串的末尾不是my-stylesheet.css（.*用来匹配任意路径前缀）
.+$：匹配至少一个字符，避免空字符串被误匹配

场景2：仅排除根目录下的`my-stylesheet.css`

如果只需要排除根目录下的目标文件，子目录下的同名文件不需要排除，用这个正则：

/^(?!my-stylesheet\.css$).+$/

配置示例

在webpack配置中使用：

const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
  // ...其他webpack配置
  plugins: [
    new OptimizeCssAssetsPlugin({
      assetNameRegExp: /^(?!.*my-stylesheet\.css$).+$/ // 根据场景选择对应正则
    })
  ]
};