批量处理javascript和css文件，添加.min前缀：高效正则表达式方案
在前端开发中，压缩和优化JavaScript和CSS文件是提升网站性能的关键步骤。通常我们会生成.min.js和.min.css文件。但如何快速、准确地为项目中的.js和.css文件添加.min前缀，同时避免对已压缩文件进行重复操作呢？本文提供一个基于正则表达式的解决方案。
问题： 需要一个正则表达式，能够匹配诸如pjax1.js、pjax.css等文件名，并将其分别替换为pjax1.min.js和pjax.min.css。已包含.min后缀的文件（例如pjax.min.js）应被忽略。
解决方案： 以下正则表达式和替换方法可以高效地完成此任务：
const regex = /(?!.*\.min\.)(\.[a-z]+)$/g; const replacement = '.min$1'; // 示例用法： const filenames = ['pjax1.js', 'pjax.css', 'pjax.min.js', 'another.min.css', 'file.js']; const newFilenames = filenames.map(filename => filename.replace(regex, replacement)); console.log(newFilenames); // 输出：['pjax1.min.js', 'pjax.min.css', 'pjax.min.js', 'another.min.css', 'file.min.js']
正则表达式详解：
立即学习“前端免费学习笔记（深入）”；
-
(?!.*\.min\.): 负向先行断言，确保字符串不包含.min.。这避免了对已压缩文件的误操作。 -
(\.[a-z]+): 捕获组，匹配.js或.css等后缀。\.匹配字面意义上的点号，[a-z]+匹配一个或多个小写字母。 -
$: 匹配字符串结尾。 -
g: 全局匹配，替换所有匹配项。
替换字符串'.min$1'中的$1引用了第一个捕获组匹配到的内容（文件后缀），从而在后缀前添加.min。
此方法简洁、高效，准确地识别并替换目标文件，避免了对已压缩文件的重复处理，有效解决了问题。
