关于前端测试环境的搭建问题。

Question

比如一个项目中引用了a.js和b.js两个文件，上线之前经过concat和uglify变成了一个c_min.js。现在遇到的问题是后台没有分开引用前端源文件的测试环境，在不修改后台html代码的情况下如何对之前的两个源文件a/b.js进行调试呢？最好能只在前端完成。

---

目前的做法是修改hosts把线上文件c_min.js指向本地，然后没修改一个地方就从新部署，感觉调试起来很麻烦。各位公司项目中都是怎么处理的呢？

Answer 1

不就是最小化之后的Javascript怎么调试嘛。

用一下Javascript Source Map吧，包你满意。

Answer 2

uglify可以生成source map的， 如果使用grunt构建的话，可以这样配置：
uglify: {
options: {
mangle: true, // Specify mangle: false to prevent changes to your variable and function names.
beautify: false,
sourceMap: '<%= dirs.dev %>/js/<%=pkg.name %>-map.js',
sourceMappingURL: '../.<%= dirs.dev %>/js/<%=pkg.name %>-map.js', // the location to find your original source
sourceMapRoot: "../.<%= dirs.dev %>/js/<%=pkg.name %>.js",