css,js 合并引用的问题？

Question

在编写js,css时 写成多个文件，修改维护起来会比较清晰。但是在发布时，又希望合并成一个文件。这一过程中，有一些问题。
1.在html引用时，是引用多个文件，还是合并后的文件?
2.如果引用合并后的文件，那每一个文件都需要watch，有变化自动合并？如果是引用多个，最终发布，又需要多一遍测试。
3.如何保证多个编写的css,js在合并时，不出现覆盖的情况？是不是js也模块化，控制好模块的名称？
4.假设，多个js文件合并，但是这些js可能被使用于多个页面，每一个页面，都个页面，都监听onload事件。那合并后，会不会重复多次onload的监听？

Answer 1

建议了解下淘宝的一个开源nginx模块，concat，支持合并请求而不用在代码层面做文件的内容物理合并，更利于维护

https://github.com/alibaba/nginx-http-concat

Answer 2

1，HTML引用-生产环境引用多个文件，便于git或者其他版控修改，应用环境根据客户端及网络环境选择引入合并文件，或者引入必须合并文件异步载入次要文件?
2，js合并依照的事件合并，而且开发的时候，各js书写的结构已经是合并方向的了；合并后需要调试的只是一部分时序和触发问题；
3，CSS合并依照CSS在html的引用顺序合并，这里的合并指的是文件合并，并不是css的规则合并；
4，JS的合并依照的事件合并；也就是说JS如果是互拼乱凑的，肯定会出现你说的情况,这种情况就别讨论了；如果开发的目标是合并的话，写的时候，各个js的触发都会公用一个方法触发，这样合并才有意义；