dave on Nostr: 1. ...
1. 将项目中的每个源文件都由webpack以合适的模块系统(例如CommonJS和ES6模块)转换为合并成更小的,但可分开加载的chunk文件;
2. 生成各个模块依赖图,分析哪些模块和库是共用的,可以打包在一起,这可以帮助webpack做出更好的优化;
3. 使用loader结合各种文件类型,从而支持各种由开发人员所使用的最新标准;
4. 根据模块之间的依赖关系,给每个模块分配id;
5. 打包资源文件,比如图片或字体,结合html和css,甚至javascript模块;
6. 最后输出最终编译生成的文件,供浏览器快速加载使用。
Published at
2023-02-09 09:18:46Event JSON
{
"id": "9abf653f2ed280b2139abface8a99750849464307b2bda5d4f1df020f2c58337",
"pubkey": "5c10ed0678805156d39ef1ef6d46110fe1e7e590ae04986ccf48ba1299cb53e2",
"created_at": 1675934326,
"kind": 1,
"tags": [
[
"e",
"2b2905c818d04acf267691990656f6863389ac378f5d22e23ff20af87f8db83d",
"",
"root"
],
[
"e",
"96ec59567731b4b2a24ac09b5616f320745ab658bfbc53a77c7fc40c0efa72dc",
"",
"reply"
],
[
"p",
"1a965c2ddc3c3625613d96b9df62152be7400ccdf987b59629db024d3c0c0efe"
]
],
"content": "1. 将项目中的每个源文件都由webpack以合适的模块系统(例如CommonJS和ES6模块)转换为合并成更小的,但可分开加载的chunk文件;\n2. 生成各个模块依赖图,分析哪些模块和库是共用的,可以打包在一起,这可以帮助webpack做出更好的优化;\n3. 使用loader结合各种文件类型,从而支持各种由开发人员所使用的最新标准;\n4. 根据模块之间的依赖关系,给每个模块分配id;\n5. 打包资源文件,比如图片或字体,结合html和css,甚至javascript模块;\n6. 最后输出最终编译生成的文件,供浏览器快速加载使用。",
"sig": "925b862b77bf778143bfa4d344b60b08fbb76144d38d88f87dc0e7a40b0db03cda4095f28959e664c028607f6bb9a9b037001eae0ffbc1740073107353503ae3"
}