用于前端javascript开发/测试和生产的工作流/工具

在生产环境中，Web前端javascript应用程序几乎没有"暴露"，也就是说，声明为全局变量或附加到window。

• 将所有代码最小化并附加到一个(或几个)js文件中;
• 几乎没有"暴露"，即声明为全局变量或附加到window。

在开发过程中，如果代码是可读的，分割成几个文件，并且如果原型和相关实例可以从控制台访问，那么事情会更容易。

为了更清楚(不考虑最小化，这很容易通过许多不同的工具获得)，在生产中，我将使用如下内容:

(function() {
  var Greeter = function() {
  };
  Greeter.prototype.msg = function() {
    return 'Hello, world!';
  };
  Greeter.prototype.greet = function() {
    console.log(this.msg());
  };
  new Greeter().greet();
}());

这样，我的代码将在不暴露任何东西的情况下完成它的工作:其他代码都无法访问Greeter对象及其实例。

(当然，这只是实现此目的的许多方法之一，但这不是问题的重点)。

调试这段代码很困难，单元测试是不可能的。

为了允许调试和测试，我通常会将Greeter和它的实例附加到window对象上，或者附加到其他对象上。

(function() {
  var Greeter = function() {
  };
  Greeter.prototype.msg = function() {
    return 'Hello, world!';
  };
  Greeter.prototype.greet = function() {
    console.log(this.msg());
  };
  window.Greeter = Greeter;
  window.greeter = new Greeter();
  window.greeter.greet();
}());

这样我就可以对Greeter进行单元测试，也可以从浏览器的控制台中询问它以检查它的状态。

是否有一个工具，或一组工具，或一些不同的方式来组织我的代码，以便有可能从开发版本传递到生产版本(这也将被最小化)?