每天读一点webpack-002
day-02-webpack入口函数
- 先抛开
webpack
复杂的模块内部插件不谈,先看看webpack
的主要工作流程,其主要流程很明显在webpack.js
模块中。
- 【每天读一点webpack-002】
webpack.js
模块会向外暴露一个名为webpack
的方法,如下。其中定义了create
方法,create
内部通过createCompiler | createMultiCompiler
创建compiler
对象,根据webpack配置信息进行项目打包。
-
文章图片
const webpack = (options, callback) => { const create = () => {} // ... }
-
createCompiler
- 内部流程:
-
文章图片
- 主要功能
- 配置初始化,归一化
- 通过Compiler类生成compiler实例
- plugins插件挂载
- 平台适配
- 钩子调用
- 返回compiler实例
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- Ⅴ爱阅读,亲子互动——打卡第178天
- “成长”读书社群招募
- 上班后阅读开始变成一件奢侈的事
- 人间词话的智慧
- 读司马懿,知人间事,品百味人生
- 以读攻“毒”唤新活动曹彦斌打卡第二天
- 私通和背叛,他怎么看(——晨读小记)
- 【0212读书感悟】
- 历史教学书籍