分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

webpack打包

发布时间:2023-09-06 01:29责任编辑:赖小花关键词:webpack

webpack创建compiler实例,如果options是数组,则创建多个compiler;

初始化compiler,为compiler添加上下文context和options,初始化基本插件;

compiler调用run,run内调用compile方法,开始编译;

compile内创建compilation对象,并将this传入,compilation就包含了对compiler的引用;

compiler调用addEntry,addEntry调用_addModuleChain();

_addModuleChain查询合适的工厂函数开始创建模板,并将其加入module链当中,调用buildModule();

buildModule是核心,包括module.js内调用的build(),build调用doBuild来查找合适的loader,并在回调函数内解析源文件,生成AST,来记录源码间的依赖行为

buildModule创建模板,根据depedencies创建依赖数组(期间调用addModuleDepedencies);

module创建完毕;

compiler调用seal,添加hash,调用addModule、addChunk(将module装入chunk)对chunk和module开始封装;

compilation调用createChunkAsset,开始生成最终代码;

createChunkAsset内根据不同的module,调用MainModule.render,chunkTemplate.render进行进一步处理

MainModule.render,chunkTemplate.render内调用moduleTemplate.render

moduleTemplate.render调用module.source

module.source将生成好的代码放入assets中

Compiler.emitAssets将compilation的assets输出到目录中

webpack打包

原文地址:http://www.cnblogs.com/yanze/p/7999550.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved