require.js vs browserify

?

1 2 3 4 5 6 7 8 9 10 11 12

require.js vs browserify         require.js是模块加载器；browserify是预编译工具         require.js遵循的是AMD规范；browserify遵循的是CommonJS规范         require.js是在浏览器端运行期分析依赖；browserify在服务器端编译期就进行了依赖分析         他们互相有一部分的重合替代性，require.js有r.js的打包方案，减少http请求的同时也在编译期进行了一定的依赖分析工作，browserify通过借助插件等解决方案也可以实现浏览器端的异步加载或者称之为按需加载。     browserify vs gulp         browserify是专注于解决按照CommonJS规范书写的模块能够在浏览器中使用问题的构建工具，在此基础上添加了打包压缩等功能，基于browserify封装的解决方案或者插件，也提供了实时编译，web服务，liverload等功能。         gulp则是一个common的task式的构建工具，借助gulp大量的插件，除了可以完成上面说的browserify能够做的所有工作(事实上browserify本身就可以成为gulp构建过程中的一环)外，也可以做很多其他的工作，比如代码检查，精灵图合成，amd模块打包等等。         如果你在使用commonjs规范来开发运行在浏览器中的模块，并且还有打包压缩等构建需求，那么browserify是你很好的选择，但是如果你是按amd/cmd规范来开发，或者是有其他的诸如我上面说的构建需求时，那么可能就需要使用gulp及其大量的插件了。     怎么打包   模块按照我的理解可以分成两类，一类是不太会被修改的模块，比如第三方依赖的库或者框架，自己封装的组件，一类是经常需要修改的模块，比如业务逻辑或者活动需求等，可以把前者打成一个包，后者打成一个包（这里不是说最后真的只打成两个包），那么就可以在减少http请求和模块缓存间取得一定的平衡

 

微信公众号: