详细解析Webpack是怎么运行的

但如果只需要组织 JS 文件的话，指定入口和输出文件路径即可完成一个迷你项目的打包。Webpack 用自己的方式支持了 ES6 Module 规范，前面提到的 module 就是和 ES6 module 对应的概念。接下来我们看一下这些模块是如何通 ES5 代码实现的。然而，有了 modules 只是第一步，这份文件最终达到的效果应该是让各个模块按开发者编排的顺序运行。接着是初始化模块对象，并把它挂载到缓存里。最后标识该模块加载完成，返回模块的导出内容。至此，Webpack 基本的模块执行过程就结束了。一般的解决方式是：根据需求降低首次加载文件的体积，在需要时异步加载其他文件并使用其中的模块。模块从main chunk 迁移到了 0 chunk 中。接着是 __webpack_require__入口模块，由于 __webpack_require__ 函数没有改变，我们继续观察入口模块执行函数有了什么变化。