webpack
暮春初秋
前端开发
展开
-
loader和plugin的区别
Loader,直译为"加载器"。主要是用来解析和检测对应资源,负责源文件从输入到输出的转换,它专注于实现资源模块加载,数据格式的转换,因为webpack只能处理js数据因此通过部分loader可以将webpack不能识别的数据转换成可识别的数据,在一定程度上可以将其视为管道,一个loader可以视为一个处理环节,loader通过返回处理过的结果给后续loader从而形成链式调用 Plugin,直译为"插件"。主要是通过webpack内部的钩子机制,在webpack构建的不同阶段执行一些额外...原创 2021-07-12 11:26:54 · 662 阅读 · 0 评论 -
Webpack 的构建项目的主要流程
Webpack的构建流程主要有哪些环节初始化参数:根据用户在命令窗口输入的参数以及 webpack.config.js 文件的配置以及环境变量,得到最后的配置。开始编译:根据上一步得到的最终配置初始化得到一个 compiler 对象,注册所有的插件 plugins,插件开始监听 webpack 构建过程的生命周期的环节(事件),不同的环节会有相应的处理,然后开始执行编译。确定入口:根据 webpack.config.js 文件中的 entry 入口,开始解析文件构建 AST 语法树,找出依赖,递归下原创 2021-07-12 09:59:25 · 180 阅读 · 0 评论