一篇关于webpack的有趣文章
博主的文章是2016-12-25 发布的，至今node.je/webpack已经迭代了很多版本，但是依然不妨碍我们学习，可以从博主的文章中了解一下webpack打包发展史。
文章链接：https://segmentfault.com/a/1190000007914129
文章很长，目录结构如下。有兴趣可以自己去研读一下。
- 写在开头
- 先说说前端打包方案的黑暗历史
- 上手先搞一个简单的 SPA 应用
- 安装 Node.js
- 初始化一个项目
- 给项目加上语法报错和代码规范检查
- 写几个页面
- 安装 webpack 和 Babel
- 配置 webpack
- 走一个
- 进阶配置
- 设置静态资源的 url 路径前缀
- 各个页面分开打包
- 第三方库和业务代码分开打包
- 输出的 entry 文件加上 hash
- 开发环境关闭 performance.hints
- 配置 favicon
- 开发环境允许其他电脑访问
- 打包时自定义部分参数
- webpack-serve 处理带后缀名的文件的特殊规则
- 代码中插入环境变量
- 简化 import 路径
- 优化 babel 编译后的代码性能
- 使用 webpack 自带的 ES6 模块处理功能
- 使用 autoprefixer 自动创建 css 的 vendor prefixes
- 使用 webpack 打包多页面应用（Multiple-Page Application）
- 总结