webpack原理
文章平均质量分 92
暴富的Tdy
致力于用最朴实无华的代码帮助更多需要的人
展开
-
【Webpack4打包机制原理解析】
webpack是一个打包模块化JavaScript的工具,在webpack里一切文件皆模块,通过Loader转换文件,通过Plugin注入钩子,最后输出由多个模块组合成的文件。webpack专注于构建模块化项目。原创 2024-06-07 14:25:02 · 553 阅读 · 0 评论 -
【Babel原理及其使用】
Babel使用的难点主要在于理解polyfill、runtime和core-js,通过本文,把这三者的概念和关系理清楚了,对babel的使用就不存在问题!原创 2024-06-07 14:34:49 · 962 阅读 · 0 评论 -
【实现webpack小型打包工具】
如果你对于上面的实现还有疑惑的话,可以阅读下打包后的部分简化代码。通过这个工具的实现,大家可以理解到打包工具的原理到底是什么。转换后的代码来看,这样大家就能理解为什么需要这样写了。接下来我们需要实现一个函数,这个函数的功能有以下几点。行的代码,但是打包工具的核心原理就是这些了。接下来我们将这些工具引入文件中。,所以我们首先需要安装一些。首先,我们先来实现如何使用。的代码,但是浏览器是不支持。虽然实现这个工具只写了不到。的模块化代码转换为了。原创 2024-06-07 14:32:46 · 1057 阅读 · 0 评论 -
前端构建新玩法 Vite 上手与思考
Vite 是面向现代浏览器的一个更轻、更快的 Web 应用开发工具,核心基于 ECMAScript 标准原生模块系统(ES Modules)实现。表象功能上看,Vite 可以取代基于 Webpack 的 vue-cli 或者 cra 的集成式开发工具,提供全新的一种开发体验。具体细节往下看。原创 2024-06-07 14:37:40 · 1333 阅读 · 0 评论 -
【从源码窥探Webpack4.x原理】
Webpack在启动阶段对配置参数和命令行参数以及默认参数进行了合并,并进行了插件的初始化工作。完成初始化的工作后调用Compiler的run开启Webpack编译构建过程,构建主要流程包括compilemakebuildsealemit等阶段。原创 2024-06-07 14:30:30 · 698 阅读 · 0 评论