一篇关于webpack的有趣文章

版权声明：本文为作者的原创文章，未经允许不得转载。 https://blog.csdn.net/lin5165352/article/details/82228889

博主的文章是2016-12-25 发布的，至今node.je/webpack已经迭代了很多版本，但是依然不妨碍我们学习，可以从博主的文章中了解一下webpack打包发展史。

文章链接：https://segmentfault.com/a/1190000007914129

文章很长，目录结构如下。有兴趣可以自己去研读一下。

1. 写在开头
2. 先说说前端打包方案的黑暗历史
3. 上手先搞一个简单的 SPA 应用
4. 安装 Node.js
5. 初始化一个项目
6. 给项目加上语法报错和代码规范检查
7. 写几个页面
8. 安装 webpack 和 Babel
9. 配置 webpack
10. 走一个
11. 进阶配置
12. 设置静态资源的 url 路径前缀
13. 各个页面分开打包
14. 第三方库和业务代码分开打包
15. 输出的 entry 文件加上 hash
16. 开发环境关闭 performance.hints
17. 配置 favicon
18. 开发环境允许其他电脑访问
19. 打包时自定义部分参数
20. webpack-serve 处理带后缀名的文件的特殊规则
21. 代码中插入环境变量
22. 简化 import 路径
23. 优化 babel 编译后的代码性能
24. 使用 webpack 自带的 ES6 模块处理功能
25. 使用 autoprefixer 自动创建 css 的 vendor prefixes
26. 使用 webpack 打包多页面应用（Multiple-Page Application）
27. 总结