前端工程化9:Webpack构建流程分析,Webpack5源码解读

2021-06-29
阅读 10 分钟
4.5k
Webpack构建流程webpack 核心构建流程总结webpack5 和 webpack4 源码不同,本文参考 webpack5.38.1 源码1. 核心构建流程总结1.1 启动 webpack {代码...} 1.2 启动 webpack-cli {代码...} 1.3 创建编译对象 compiler {代码...} 1.4 实例化编译对象 compiler,预埋核心钩子 {代码...} 1.5 执行方法 compiler.run(),启动编...

前端工程化8:Webpack5打包文件核心源码解读

2021-06-29
阅读 6 分钟
2.4k
本文主要分析了Webpack打包后的源码;在Webpack打包文件出问题的时候,我们可以根据基本的程序结构来进行调试定位。例如:在执行Webpack构建后,将生成的文件放到dist目录,我们分析的即是dist目录的built.js。

前端工程化7:自定义实现Webpack中的Loader和Plugin

2021-06-28
阅读 3 分钟
2.8k
loader 函数:loader 必须导出一个函数;它对资源文件进行处理后输出内容;它类似于管道,可以串联多个 loader,将返回值交给下一个 loader 继续处理;

前端工程化6:Webpack5配置示例,看看这些最佳实践

2021-06-28
阅读 17 分钟
6.5k
1. 为什么使用Webpack(应用场景)支持新特性语言版本的编译针对javascript模块化打包针对所有资源,例如样式、图片、字体等进行模块化对于1、2两点,grunt、gulp等构建工具可以很好的解决,但是无法解决第3点。Webpack能够解决前端整体的模块化能力。2. 具备的能力模块打包器(Module bundler)—— 本身支持js模块化加载...