Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

随着前端不断的发展，复杂程度也是日益提升，组件化开发应运而生，在日常开发中，我们也会将一些常用的代码块，组件进行一个封装处理，组件应该自己处理自己应该做的事情，那这些被抽离出来的组件可以独立完成逻辑处

需求 　　打包一个支持大整数计算的基础库，需要支持的版本： 需要打包压缩版和非压缩版 需要支持 AMD/CJS/ESM 模块引入 配置 webpack打包库 创建webpack项目 创建一个空目录 执

在研究webpack打包的时候，一直对于publicPath有比较大的迷惑。今天就来记录一下我解惑的过程。 首先，webpack-dev-server也可以打包，它用于在开发环境中打包文件，并将打包后

开箱即用的React项目模板，手摸手体验从无到有，搭建一个当前最新的React框架模板，这里有你想知道的，快点戳过来！

react cli (开发模式配置) 开篇 废话不多说，我们直接上代码，使用webpack5搭建react 和 vue 脚手架，了解官方脚手架中做了什么事情，以及前端为什么需要打包工具。 入口 安装w

随着产品的不断演化发展，整个应用常常不可避免的变得越来越庞大，此时首屏渲染时间或者首次加载时间都会加长。然后性能优化就会被排上日程。在众多的性能优化方案中，对模块做按需加载，无疑是最有效的方法之一。使用 webpack 的 import() 方法即可轻松实现模块的按需加载。 我…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

一、前言 上一篇讲到不同模式下的打包配置，本篇将介绍代码分离（Code Splitting）。 观察以上代码，我们发现在开头同步引入了 lodash，这没什么问题，但是一旦这个 index.js 文件