摘要：
前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进行简单梳理并进行实现，便与思考和理解每个阶段所做的事情，为今后扩展和定制工程化能力打下基础。 一、准 阅读全文
posted @ 2022-10-21 09:41
gogo2027
阅读(99)
评论(0)
推荐(0)
摘要：
引言 围绕 Webpack 打包流程中最核心的机制就是所谓的 Plugin 机制。 所谓插件即是 webpack 生态中最关键的部分， 它为社区用户提供了一种强有力的方式来直接触及 webpack 的编译过程(compilation process)。 今天，我们来聊聊 Webpack 中必不可少的 阅读全文
posted @ 2022-10-21 09:36
gogo2027
阅读(157)
评论(0)
推荐(0)
摘要：
大家有没有遇到过这些问题： webpack 打包之后的文件没有压缩 静态文件要手动拷贝到输出目录 代码中写了很多环境判断的多余代码 上一篇 「webpack 核心特性」loader 说到 webpack 的 loader 机制，本文主要聊一聊另外一个核心特性：插件(plugin)。 插件机制就是为了 阅读全文
posted @ 2022-10-21 09:30
gogo2027
阅读(83)
评论(0)
推荐(0)
摘要：
一、前言 webpack 是一个现代 JavaScript 应用的静态模块打包器。那么 webpack 是怎样实现不同种类资源模块加载的呢？ 没错就是通过 loader。loader 用于对模块的源代码进行转换。loader 可以使你在 import 或加载模块时预处理文件。 我们带着下面几个问题， 阅读全文
posted @ 2022-10-21 09:25
gogo2027
阅读(196)
评论(0)
推荐(0)
摘要：
自从webpack4以后，官方帮我们集成了很多特性，比如在生产模式下代码压缩自动开启等，这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。 探索webpack的高级特性 特性：treeShaking 顾名思义treeShaking，就是摇树，那么体现在代码模块里面就是摇掉那些没有 阅读全文
posted @ 2022-10-21 09:15
gogo2027
阅读(35)
评论(0)
推荐(0)
浙公网安备 33010602011771号