项目是静态Web，有这些文件：

• index.html
• 111.html
• 222.html
• aaa.js
• bbb.js

现在问题是xxx.js里面的内容需要根据开发环境、生产环境区分开来。
例如对于开发环境，xxx.js的内容是：

$.post('dev.xxx.com', {})

对于生产环境，xxx.js的内容是：

$.post('xxx.com', {})

如果引入Webpack会不会大材小用了？

使用环境变量 process.env.NODE_ENV（development/production）

if (process.env.NODE_ENV === 'production') {  
  ...
} else {  
  ...
}

那得看你目前用的哪个构建工具了，如果还没引入构建工具，如果是简单项目的话，用gulp足够了，如果会webpack，当然用webpack更好了。
不存在什么大材小用的问题，只是可能最开始的配置工作不好做。多尝试。