使用 browserify 跨文件加载重复模块答案

【问题标题】：Duplicate module loading across files with browserify使用 browserify 跨文件加载重复模块
【发布时间】：2015-06-15 19:19:17
【问题描述】：

假设以下文件：

file1.js

var mui = require("material-ui");

module.exports = {//something}

file2.js

var mui = require("material-ui");

module.exports = {//something}

main.js

var file1 = require("./file1");
var file2 = require("./file2");

如您所见，我加载了 material-ui 模块两次，这会影响我最终构建的文件大小吗？我应该在 main.js 文件中定义一个“全局”material-ui 对象吗？

我希望我的问题足够清楚。我使用 gulp 编译我的 javascript。

【问题讨论】：

【解决方案1】：

不，browserify 会捆绑一次。

每个文件都会有一个自己的范围，并且每次，一个文件需要另一个文件，browserify 会检查是否已经包含了所需的文件。

因此它不会影响您最终构建的文件大小。

【讨论】：