搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"webpack构建流程？"

转载翻译原创

问答题 · 前端 · webpack · @{ formatTime(detail.create_time) }

webpack构建流程？

初始化参数，从配置文件和shell语句中读到的参数合并，得到最后的参数
开始编译：用合并得到的参数初始化complier对象，加载是所有配置的插件，执行run方法开始编译
确定入口，通过entry找到入口文件
编译模块，从入口文件出发，调用所有配置的loader对模块进行解析翻译，在找到该模块依赖的模块进行处理
完成模块编译，得到每个模块被翻译之后的最终的内容和依赖关系
输出资源，根据入口和模块之间的依赖关系，组装成一个个包含多个模块的chunk，在把每个chunk转换成一个单独的文件加载到输出列表
输出完成，确定输出的路径和文件名，把内容写到文件系统中

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 如何利用webpack来优化前端性能？; webpack externals和libraryTarget的关系?; webpack Loader 和 Plugin 的区别？; webpack require.context的主要作用是什么？

回顶部