如何使用正则表达式替换.js/.css为.min.js/.min.css并排除.min文件

在前端开发中，我们经常需要将开发环境的.js和.css文件替换为生产环境的.min.js和.min.css压缩版本。本文将详细介绍如何使用正则表达式实现这一需求，同时避免重复处理已经压缩的.min文件。

解决方案

使用正则表达式进行替换时，我们需要匹配.js或.css结尾的文件，但排除已经包含.min的文件。以下是实现方法：

1. 匹配非.min的.js文件

正则表达式：/(?!\.min)\.js$/gi
替换为：.min.js

2. 匹配非.min的.css文件

正则表达式：/(?!\.min)\.css$/gi
替换为：.min.css

3. 同时匹配.js和.css的优化版本

正则表达式：/(?!\.min)\.(js|css)$/gi
替换为：.min.$1

实现原理

这个正则表达式使用了负向先行断言(negative lookahead) (?!\.min) 来确保匹配的.js或.css前面没有.min：

• (?!\.min) - 负向先行断言，确保匹配位置后面不是.min
• \.(js|css) - 匹配.js或.css后缀
• $ - 确保匹配的是字符串结尾
• gi - 全局匹配且不区分大小写

实际应用场景

这个技巧可以应用于：

1. 构建工具(如Webpack、Gulp)中的文件名替换
2. 代码编辑器中的批量替换
3. 服务器端URL重写规则
4. 自动化部署脚本中的资源路径处理

注意事项

• 在替换前建议先备份文件
• 某些编辑器可能需要调整正则表达式语法
• 对于复杂项目，建议结合构建工具实现更完善的资源处理流程