webpack 从入门到工程实践

webpack 也许可以算作是目前前端开发离不开的工具了。参与本话题，我们可以花最短的时间理解，掌握，并依据自己的工程需求拓展使用这款工具（基于最新版3.5.4）。本话题将包含以下内容：

1. 从 0 构建属于自己的 webpack 基础配置文件，此部分你将理解 webpack 涉及到的常用概念，明白 webpack 的使用规则。
2. 对 webpack 的常用 loader，Plugins 做系统的分类阐述，此部分将帮你知晓 webpack 能做什么，不能做什么。
3. 分享一个依据 webpack 官方文档制作的思维导图，此部分将帮你拥有更体系化的 webpack 知识图谱。
4. webpack 填坑说明：鉴于网上大多 webpack 教程基于 webpack1.x，本话题还将稍稍讨论二者的区别，帮助你平稳迁移。
5. 分析一个中型项目中，开发环境和生产环境的对应的 webpack 配置文件，此部分将助你在实际项目中选择较合适的配置。

实录提要：

• 如何搭建一个离线版的 webpack 和 reactjs 的开发环境？
• 如何正确的使用 eslint 工作流？
• 用 webpack 的话是不是生产环境也必须装一套 node？
• webpack 如何实现多种环境使用？
• create-react-app 中 build 之后，要想双击打开打包以后的 index.html 文件，eject 之后怎么配置 webpack ？
• vue 开发，生成的 0.chunk.js 是什么？入口文件包含这些 chunk 文件内容吗？
• 搭建几个网页的网站用 webpack 值得吗？
• webpack 开发环境配置和生产环境配置，这两者需要分别单独配置或者需要更多的细微化配置吗？
• webpack3 最强势的地方在哪里？
• 相关分享链接：http://gitbook.cn/gitchat/activity/5992553a6a71a268a9128d7b?utm_source=gitchatseo