先完成基本的配置项，后面在根据项目的复杂度加入更多的配置内容和技巧
Webpack 是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如 Grunt / Gulp 的工作流。
安装 Webpack ： npm install -g webpack
Webpack 使用一个名为 webpack.config.js 的配置文件，要编译 JSX ，先安装对应的 loader
: npm install babel-loader --save-dev
查看所有文档页面： 全栈开发 ，获取更多信息。
原文链接： webpack优化 ，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。
优化构建速度 。在项目庞大时构建耗时可能会变的很长，每次等待构建的耗时加起来也会是个大数目。
优化使用体验 。通过自动化手段完成一些重复的工作，让我们专注于解决问题本身。
学习时间：2020.06.14
学习章节： 《Webpack HMR 原理解析》
Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能， 它允许在 JavaScript 运行时更新各种模块，而无需完全刷新 。
Hot Module Replacement (or HMR) is one of the most useful features offered by webpack. It allows all kinds of modules to be updated at runtime without the need for a full refresh.
--《Hot Module Replacement》
本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。
建议多阅读 Webpack 文档《 Writing a Plugin 》章节，学习开发简单插件。
本文将带你一起开发你的第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！
做自己的轮子，让别人用去吧。
完整代码存放在： https://github.com/pingan8787/script-timestamp-webpack-plugin
最近原创文章回顾：
Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 Webpack
处理应用程序时，它会递归地构建一个依赖关系图( dependency graph )，其中包含应用程序需要的每个模块，然后将所有模块打包成一个或多个
bundle 。
查看所有文档页面： 前端开发文档 ，获取更多信息。
原文链接： webpack原理 ，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。
在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解：
Entry ：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。Module ：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。Chunk ：代码块，一个 Chunk 由多个模块组合而成，用于代码合并与分割。Loader ：模块转换器，用于把模块原内容按照需求转换成新内容。Plugin ：扩展插件，在 Webpack 构建流程中的特定时机会广播出对应的事件，插件可以监听这些事件的发生，在特定时机做对应的事情。| 任务 | 命令 |
|---|---|
| 启动 | start nginx.exe |
| 停止 | nginx.exe -s stop |
| 重载配置 | nginx.exe -s reload |
| 检测配置文件 | nginx.exe -t -c conf/nginx.conf |
| 查看版本 | nginx.exe -V |
查看所有文档页面： 全栈开发 ，获取更多信息。
快马加鞭，加班加点，终于把这个文档整理出来了，顺便深入地学习一番，巩固知识，就是太累人，影响睡眠时间和质量。极客就是想要把事情做到极致，开始了就必须到达终点。
原文链接： webpack实战 ，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。
本章教你如何用 Webpack 去解决实际项目中常见的场景。
按照不同场景划分成以下几类：
最近看到掘金、前端公众号好多 ES2020 的文章，想说一句：放开我，我还学得动！
先问大家一句，日常项目开发中你能离开 ES6 吗？
对于前端同学来说，编译器可能适合神奇的魔盒🎁，表面普通，但常常给我们惊喜。
编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯🌹。
其实我们也经常接触到编译器的使用场景：