webpack4入门讲解 - 文集

21篇文章 · 26285字 · 1人关注

webpack打包过程中环境变量的使用
写在前面通过前面的一些讲解，我们已经将webpack的基础和一些高级概念都讲解完毕了，后面我们将深入一些场景去研究webpack的打包过程和可...

1765 0 0
webpack打包兼容之shimming(垫片)
写在前面在webapck打包的过程中，我们往往需要做代码的兼容，或者打包过程的兼容。比如，我们之前使用的@babel/polyfill，他所解...

915 0 0

webpack与浏览器缓存(Caching)
环境准备因为浏览器缓存这一块相对于前面的讲解较独立，所以我们重新搭建一下业务代码，并对webpack配置做简单的修改这个时候执行打包呢，控制...

0.2 1130 1 2
webpack中对CSS文件的代码分割
写在前面在之前的文章中，我们介绍了如何对JS文件进行代码分割，这节我们将介绍，如何对css文件做代码。在讲解今天的知识点前，我们先来介绍一个小...

1933 0 0
webpack打包分析和代码利用率优化(Preloading/Prefetch)
打包分析什么是打包分析 webapck打包分析是指在webpack打包后，通过一些插件来对我们的打包是否合理做出的分析。对于这样的工具，有官网...

780 0 0
webpack懒加载(Lazy Loading)和Chunk
写在前面关于wbepack打包懒加载和chunk，其实我们在进行代码分割的时候多少用到过，这篇文章，我们将webpack懒加载做一个较详细的分...

0.1 2590 0 1
webpack代码分割之SplitChunksPlugin和魔法注释
写在前面我们在上篇的文章中，介绍了Code Splitting，其中有通过SplitChunksPlugin加同步引入的方式进行代码分割，和通...

2249 0 1

webapck代码分割(code splitting)
写在前面代码分割(code splitting)在webpack打包中，涉及到很多很多的知识点和配置项，这节我们将一点点做详细讲解，说到代码分...

1144 0 0
webpack中development和production模式区分配置打包
写在前面通过前面的学习，我们已经知道，在webpack打包的过程中，分development和production两种模式，并且在不同的模式下...

1132 0 0