![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
文章平均质量分 93
前端工程化
若梦plus
这个作者很懒,什么都没留下…
展开
-
esbuild基础
esbuild基础原创 2024-06-30 00:33:16 · 779 阅读 · 0 评论 -
前端 polyfill
Polyfill是一种JavaScript库,它。Polyfill的主要目的是,确保代码在多种浏览器中正常运行。Pollfill 一词最早是在的作者于 2010 年10 月 8 日发表的博客文章中首次提到,他对 polyfill 的定义是:翻译过来就是:polyfill 就是一个垫片/填充/补丁程序,用于抹平浏览器之间的 API 差异,在旧的浏览器上支持新的特性。原创 2024-06-30 00:30:53 · 746 阅读 · 0 评论 -
webpack5中的模块联邦(Module Federation)
webpack5中的模块联邦(Module Federation)原创 2024-06-30 00:15:03 · 404 阅读 · 0 评论 -
vite基础
vite基础原创 2024-06-30 00:10:35 · 709 阅读 · 0 评论 -
初步实现webpack
初步实现webpack原创 2024-06-29 23:46:57 · 853 阅读 · 0 评论 -
webpack性能优化
指定extension之后可以不用在require或是import的时候加文件扩展名,会依次尝试添加扩展名进行匹配。原创 2024-06-29 23:33:02 · 718 阅读 · 0 评论 -
px2rem-loader
px2rem-loader原创 2024-06-29 23:11:25 · 804 阅读 · 0 评论 -
webpack之css-loader
webpack之css-loader原创 2024-06-29 23:04:58 · 635 阅读 · 0 评论 -
webpack之loader
webpack之loader原创 2024-06-29 22:54:09 · 754 阅读 · 0 评论 -
webpack的插件机制(Tapable)
webpack的插件机制(Tapable)原创 2024-06-29 22:13:31 · 1042 阅读 · 0 评论 -
eslint相关知识
eslint相关知识原创 2024-06-29 22:01:46 · 959 阅读 · 0 评论 -
gulp相关知识
vinyl-fs是一个用于文件操作的 Node.js 模块,它是 Gulp 生态系统的一部分。vinyl-fs提供了一种使用流(streams)来读取、写入和操作文件的方式。主要功能文件读取:从文件系统读取文件并将它们转换为 Vinyl 文件对象。文件写入:将 Vinyl 文件对象写回到文件系统中。文件操作:提供了一些常见的文件操作方法,如重命名、过滤、匹配等。使用vinyl-fs来读取和写入文件示例// 在这里可以对文件内容进行修改// 将文件内容转为大写});原创 2024-06-28 11:13:24 · 1198 阅读 · 0 评论 -
Nodejs流相关知识
Nodejs流相关知识原创 2024-06-28 11:10:23 · 922 阅读 · 0 评论 -
Rollup
Rollup 是一个用于 JavaScript 的模块打包工具,它将小的代码片段编译成更大、更复杂的代码,例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式,而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持,但 Rollup 让你今天就可以开始这样做。原创 2024-06-25 18:27:13 · 828 阅读 · 0 评论 -
lerna
lerna基础原创 2024-06-24 15:31:48 · 904 阅读 · 0 评论 -
create-vite 脚手架-部分源码分析
create-vite 脚手架-部分源码分析原创 2024-06-24 09:26:48 · 976 阅读 · 0 评论 -
webpack5基础
webpack5基础原创 2024-06-21 10:33:19 · 1017 阅读 · 0 评论 -
webpack4基础
webpack4基础原创 2024-06-21 10:31:53 · 801 阅读 · 0 评论 -
webpack3基础
webpack3基础原创 2024-06-21 10:30:17 · 734 阅读 · 0 评论 -
create-react-app 脚手架-部分源码分析
create-react-app 脚手架-部分源码分析原创 2024-06-21 10:24:00 · 786 阅读 · 0 评论 -
vue-cli 脚手架-部分源码分析
vue-cli 脚手架,部分源码分析原创 2024-06-20 09:08:09 · 1161 阅读 · 0 评论 -
基于流的自动化构建工具gulp
基于流的自动化构建工具gulp原创 2024-06-19 13:51:32 · 851 阅读 · 0 评论 -
webpack之AsyncQueue
Webpack 源代码中涉及到任务调度相关内容都会基于 AsyncQueue 来初始化队列,从而实现异步队列调用。AsyncQueue本质上就是一款任务调度器参考链接。原创 2024-06-18 09:29:00 · 183 阅读 · 0 评论 -
webpack工作流程
entryLoader在以上过程中,Webpack 会在特定的时间点广播出特定的事件,插件在监听到感兴趣的事件后会执行特定的逻辑,并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。原创 2024-06-18 09:08:23 · 1006 阅读 · 0 评论 -
面试题之webpack
构建gulp基于 nodejs 的 流打包定位是基于任务流的自动化构建工具Gulp是通过task对整个开发过程进行构建优点流式的写法简单直观API简单,代码量少易于学习和使用适合多页面应用开发缺点异常处理比较麻烦工作流程顺序难以精细控制不太适合单页或者自定义模块的开发执行任务配置gulpfile.js构建webpackwebpack 是模块化管理工具和打包工具。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、A原创 2024-06-17 00:16:45 · 962 阅读 · 0 评论 -
webpack代码分割
【代码】webpack代码分割。原创 2024-06-13 22:05:37 · 1243 阅读 · 0 评论 -
webpack之HMR
【代码】webpack之HMR。原创 2024-06-13 21:59:00 · 1111 阅读 · 0 评论 -
sourcemap
map。原创 2024-06-12 19:55:03 · 958 阅读 · 0 评论 -
DllPlugin
dll-pluginDllPlugin插件: 用于打包出一个个动态连接库DllReferencePlugin: 在配置文件中引入DllPlugin插件打包好的动态连接库entry: {},output: {},plugins: [//暴露出去的dll函数//输出的manifest json文件的绝对路径}),],原创 2024-06-12 19:50:40 · 969 阅读 · 0 评论 -
webpack插件
插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调,开发者可以引入它们自己的行为到 webpack 构建流程中。创建插件比创建 loader 更加高级,因为你将需要理解一些 webpack 底层的内部特性来做相应的钩子。原创 2024-06-11 19:31:59 · 1200 阅读 · 0 评论 -
vue-loader
1.进入vue-loader的normal处理转换代码为。原创 2024-06-10 14:13:49 · 1064 阅读 · 0 评论 -
webpack5新特性
webpack.config.jspackage.json资源模块资源模块(asset module)是一种模块类型,它允许使用资源文件(字体,图标等)而无需配置额外 loader在 webpack 5 之前,通常使用:raw-loader 将文件导入为字符串url-loader 将文件作为 data URI 内联到 bundle 中file-loader 将文件发送到输出目录资源模块类型(asset module type),通过添加 4 种新的模块类型,来替换所有这些 loa原创 2024-06-10 14:10:32 · 1042 阅读 · 0 评论