浏览时文件大小巨大

Question

我刚刚尝试gulp+angular+browserify应用程序，得到了一个巨大的已浏览文件，大约2M。而它所做的只是需要一个角度控制器和一个采样控制器。

// setup gulp task
gulp.task('browserify', function() {
  gulp.src([util.format('%s/app/main.js', JS_BASE_DIR)])
  .pipe(browserify({
    insertGlobals: true,
    debug: true
  }))
  // Bundle to a single file
  .pipe(concat('bundle.js'))
  // Output it to our dist folder
  .pipe(gulp.dest(util.format('%s/js/', BUILD_BASE_DIR)));
}); 

//in the main.js
(function() {
  'use strict';
  var angular = require('angular');
  var indexCtrl = require('./controllers/indexCtrl');
  var app = angular.module('wohu.app', []);
  app.controller('ctrl', indexCtrl);
})();

通过安装angular

npm install angular

bundle.js没有缩小，但它不应该那么大。想知道问题出在哪里。

Answer 1

Browserify将在文件底部包含一个源映射，这可能会使其看起来很庞大。你可以把它去掉（而且你应该）用于生产。你可以用驱魔师(https://www.npmjs.com/package/exorcist)它为您将源映射拉到一个外部文件中，并可以连接到您的构建过程中（我使用Grunt，但也适用于Gulp）。