巨大的文件大小当浏览角

我只是尝试吞噬+角+ browserify应用程序，并得到了一个巨大的browserified文件，约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); 
})();

角度通过

npm install angular

的bundle.js不精缩安装，但它不应该是巨大的。不知道问题是什么。

来源

2014-08-28 Yujun Wu

我不熟悉w/browserify，但是我在这里阅读了关于堆栈溢出中的browserify标记的[about page]（http://stackoverflow.com/tags/browserify/info）。看起来有些膨胀是基于它正在做的事情......它将更多的角度和你的样本控制器添加到文件中。臃肿甚至被列为使用browserify的缺点之一。 – 2014-08-29 03:48:15

似乎browserify产生了巨大的源地图，如“//＃sourceMappingURL =数据：应用程序/ JSON; BASE64，eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy95dWp1bi9kZXZlbG9wZXIvd29vaHUvbm9kZV ......”双打文件大小 – 2014-08-29 22:20:55

这可能是有点晚了答案，但能来对他人有用。在Firefox中测试我的应用程序时，我发现它不像Chrome那样默认缓存文件。我看着网络标签，并且对我制作的浏览软件包的大小感到非常惊讶，它是6MB。我开始提取其他模块，我需要捆绑内，但没有太大的区别。最后经过一番杂耍，我发现它是'debug：true'属性，它产生了源地图。从生产版本中删除它，你会没事的。谢谢，Firefox。 – YaroslavS120 2016-04-26 15:08:32

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

来源

2015-01-12 12:20:46

巨大的文件大小当浏览角

回答

相关问题