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将在文件底部包含一个源图，这可能会让它看起来很大。您可以将其剥离（并且您应该）进行生产。您可以使用exorcist（https://www.npmjs.com/package/exorcist）将源地图拉到外部文件中，并且可以连接到您的构建过程（我使用Grunt但也适用于Gulp）。

浏览角度时的巨大文件大小

1 个答案: