JavaScript 模块化疑问

[pertersonvv]

a.js define [b, c, d], function(){} ,
b.js [e, f, g], function(){},
e.js [h, i] , function(){} 包含a.js, requirejs是否会自动加载a b c d e f g h i 7个js文件?

加载7模块,要发送7次http请求,是不是有点多了?
可是把所有代码写在一个文件里面,是不是有点乱?

呵呵,大家是如何看到JS模块化这个问题的?

[datou552211]

会，实际上是执行了一遍代码，遇到重复加载的就会跳过

[iwege]

requirejs 有自己的optimize api，可以将文件合并。当然也可以自己合并。

[pepsin]

控制好粒度吧。最近看到一堆人鼻屎大的东西都搞个模块，也是惊了。

[pertersonvv]

@datou552211 合并后文件的文本顺序是否为 h i e f g c d a?

[pertersonvv]

@iwege 合并后,就一个a.js,其他几个都合并到a.js么?

[jasonslyvia]

骚年，有个东西叫 browserify，还有个东西叫 webpack，有兴趣的话可以在 server 端处理 js 的 combo，读一下 requirejs 的 config 就好

[pertersonvv]

@jasonslyvia 在浏览器中跑node模块,太夸张了吧,node依赖一堆的,网络怎么加载,node的文件接口,浏览器能执行?

[miser]

@pertersonvv 有试过合并吗？

[damngood]

@pertersonvv browserify 只是保持了 node 的接口, 对于不能在浏览器环境中运行的接口有做相应的 shim

[pertersonvv]

@damngood shim是装饰器吧,关键是浏览器JS不能读本地文件的啊,用了browserify,浏览器可以读写本地文件?

[datou552211]

browerify把require的包内容合并了

[akfish]

lz要是玩玩polymer还不被吓死，连HTML页面都是拆成无数块然后import进来的。

[boom11235]

前端模块化一直是个麻烦的问题，也有很多相关的解决方案出来，requirejs，seajs，duo，webpack，spm等。模块粒度过细，如果不打包或者服务器做combo，会导致请求过多，性能不好，一般不考虑在线上直接使用加载多个的方案，而combo和打包则需要考虑缓存失效问题，稳定下来的模块或者不怎么更新的第三方模块和经常变动的模块需要分开处理。细化下去，还有各种各样的细节问题，楼主请自行挖掘。

[boom11235]

楼主不用纠结浏览器JS读写本地文件的问题，browserify没说它提供本地fs的读写模块，请详见文档。browserify提供的模块大多都是在实际应用中在浏览器有使用价值和可能性的模块，而不是全包。

[RoshanWu]

https://github.com/jrburke/r.js/

[pertersonvv]

@pepsin 粒度怎么划分 才是合理的呢?

[pertersonvv]

@akfish 这货官网居然需要翻墙:(

[kmvan]

我也纠结过模块化合并的问题，我用的是 wp， 想要写个 php 合并程序来合并主题的 commonjs 模块。
一直在分析如何依赖和合并的优先级等问题，头都大。 你看我这博客 http://inn-studio.com 就是因为还没合并，init.js 模块文件一堆堆，哎。。。

[ianva]

如果是 requirejs 的话就 r.js，各种模块管理都有各自的方案

[pertersonvv]

@kmvan 这个wp主题你自己弄的?