好程序员web前端教程分享新手应该怎么学习webpack，什么是webpack？一句话概括：webpack是一个模块打包工具（module bundler）。重点在于两个关键词“模块”和“打包”。什么是模块呢？我们回顾一下曾经的前端开发方式，js文件通过script标签静态引入，js文件之间由于没有强依赖关系，如果文件1要用到文件2的某些方法或变量，则必须将文件1放到文件2后面加载。随着项目的增大，js文件之间的依赖关系越发错综复杂，维护难度也越来越高。这样的困境驱使着前端工程师们不断探索新的开发模式，从后端、app的开发模式中我们获得灵感，为什么不能引入“模块”的概念让js文件之间可以相互引用呢？模块1要使用模块2的功能，只需要在该模块1中明确引用模块2就行了，而不用担心它们的排列顺序。基于这种理念，CommonJS和 AMD规范被创造了出来，然后有了require.js、system.js这样的前端模块加载工具和node的模块系统，直到现在流行的es6 module。

创建一个空的项目

mkdir init-react 创建 init-react 文件夹

cd init-react 前往 init-react 文件夹

npm init 生成package.json

接下来就可以一步步来创建一个webpack4+react的项目了

大多数情况，我们使用webpack打包单页面应用，有的时候也会遇到多页面的项目

单入口配置

一般情况下的配置模板如下：

module.exports = {

entry: {},

output: {},