webpack
LeeTikPaak19
u can do all things
展开
-
【手把手教学webpack5】前端为什么需要webpack
Webpack 之前社区虽然已经实现了许多模块打包器,例如 Gulp、Grunt、RequireJS 等,但它们或简单合并执行多种构建任务;或聚焦于模块化方案的兼容处理;或仅仅实现 JavaScript 层面的工程化(合并、压缩、混淆)能力,都缺乏一个能够兼容处理所有资源、普适的抽象思维框架。Webpack 则忽略具体资源类型之间的差异,将所有代码/非代码文件都统一看作Module —— 模块对象。...原创 2022-08-04 14:46:52 · 170 阅读 · 0 评论 -
【手把手教学webpack5】webpack配置底层逻辑
2.模块递归处理:调用 Loader 转译 Module 内容,并将结果转换为 AST,从中分析出模块依赖关系,进一步递归调用模块处理过程,直到所有依赖文件都处理完毕;3.后处理:所有模块递归处理完毕后开始执行后处理,包括模块合并、注入运行时、产物优化等,最终输出 Chunk 集合;流程类:作用于打包流程某个或若干个环节,直接影响编译打包效果的配置项。工具类:打包主流程之外,提供更多工程化工具的配置项。4.输出:将 Chunk 写出到外部文件系统;1.输入:从文件系统读入代码文件;...原创 2022-08-05 17:35:40 · 562 阅读 · 0 评论 -
【手把手教学webpack5】构建现代JS工程环境
在Webpack 场景下,构建现代JS工程环境所需要 的三种常用工具:Babel、TypeScript、ESLint。原创 2022-09-28 19:43:18 · 394 阅读 · 0 评论 -
【手写webpack loaders】检测失效资源或者报错资源,并且删除或者替换
1.对于不稳定的图片资源,使用一张图片加以替换2.解决安全问题,对于“Web 应用程序包含了不存在的域的链接”的安全错误,在appscan扫描时往往会遇到。原创 2022-10-25 18:31:03 · 836 阅读 · 0 评论 -
【vue】解决favicon 401报错问题
在webpack.config.js里配置。在vue.config.js里配置。原创 2022-10-17 19:03:30 · 659 阅读 · 0 评论