标签导航：

如何用正则表达式高效替换文件名后缀，为.js和.css文件添加.min前缀？

批量处理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。

此方法简洁、高效，准确地识别并替换目标文件，避免了对已压缩文件的重复处理，有效解决了问题。