巨大的文件大小,当浏览angular度

我只是尝试吞噬+angular度+浏览器的应用程序,并得到了一个巨大的浏览文件,大约2M。 尽pipe它只需要angular度和样本控制器。

// 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没有被缩小,但是不应该那么大。 不知道问题是什么。

Browserify将在文件的底部包含一个源代码映射,这可能会让它看起来很大。 你可以去掉这个(你应该)进行生产。 你可以使用这个驱魔( https://www.npmjs.com/package/exorcist ),它把源代码映射到外部文件中,并且可以连接到你的构build过程(我使用Grunt,但会为Gulp太)。