标签：为什么 浏览器 模块化 代码 webpack 构建 期望 工具

我们总说webpack是打包工具。为什么要有webpack，webpack帮我们做了那些事情？

在大型的项目中，浏览器端的模块化存在的问题：

效率问题：精细的模块化（更多的js文件）带来大量的网络请求，降低页面访问效率。

兼容性问题：浏览器端不支持CommonJs模块化，而很多第三方库使用了CommonJs的模块化。

这让开发大型项目称为一个难题，我们要考虑很多非业务问题，执行效率，兼容性，代码的可维护拓展性，团队协作，测试等工程问题。

其根本原因在于我们在开发代码和运行代码所期望的不一致

开发代码时我们期望：

• 模块划分的越精细越好，
• 不需要考虑兼容性问题
• 支持多种模块化标准

运行代码时我们期望：

• 文件越少越好，减少网络请求
• 文件体积越小越好，传输速度快
• 兼容所有浏览器

我们期望有一个工具，我只专注开发时写的代码就可以了，开发完成后使用工具帮助我们转换成运行时我们所期望的（压缩过后代码及其丑陋，文件数量极少，兼容浏览器）。这样的工具叫--构建工具

常见的构建工具：

webpack

gulp

browserify

grunt

...

标签：为什么,浏览器,模块化,代码,webpack,构建,期望,工具
来源： https://www.cnblogs.com/jiaobaba/p/13877763.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。