1 . 安装 2 . 配置

package.json是项目配置文件，用于快速还原项目环境当托管代码时，不会把整个node_modules文件夹上传上去，否则太慢了（以万为单位的文件数量），只需要把package.json上传即可

1 . 安装 2 . 配置 1 . 安装 1 . 安装 2 . 配置 1 . cacheGroups 自定义配置主要使用它来决定生成的文件 2 . minSize 最小尺寸必须大于此值，默认30000B 3 . minChunks 其他entry引用次数大于此值，默认1 4 .…

html中不需要引入css文件，通过js间接的获取样式，这样整个html只需要引入一个js文件即可。 1 . 安装依赖包 2 . 配置 1 . 安装 2 . 配置 3 . 创建配置文件 postcss.config.js 1 . 安装依赖包 2 . 配置 css打包会导致个问题…

1 . 单入口配置 2 . 多入口配置

but，众所周知，webpack配置繁琐难以记忆，入门不易，手脚架遍地。 webpack所有配置都配置在webpack.config.js文件中。 1 . 新加三个文件：基础配置文件、开发时配置文件、生产时配置文件 2 . 配置 开发 & 生产 2个脚本

在开发的工程中，线上环境需要引入一些统计和打印日志的js文件。但是对于开发环境，加速打包速度减少页面渲染时间很关键。我于是想根据开发环境，写一个简单的loader,按需加载一些资源。 为了完成按需加载的功能。打算使用自定义的loader。 拿到传入的参数并根据环境判断是否加载。…

打包后的js不易阅读，而且也不知道是哪个js打包过来的代码，总之报错后不易定位。 1 . 安装 2 . 配置

webpack4增加了mode配置项，这样会做一些默认的工作，一定程度上解决了webpacke配置复杂的弊端。 1 . 默认配置以下插件 2 . 其他配置（网上的） 1 . 默认配置以下插件（官方给的） 2 . 其他配置（网上的）