Webpack 官网的教程就是一坨屎!!!
讲完了基本的几个概念,就跟我一起来一探究竟吧。学完指导手册,才算掌握了 Webpack 的基础知识。
说道基础知识,还是要从 Webpack 作为打包工具入手。
- 安装
- 依赖管理
- 资源打包
- 输出管理
- 开发与发布状态管理
- 热加载
- 代码清理
- 代码分割
- 懒加载
- 缓存
在这些名词里找到平时想解决的问题或者感兴趣的话题,那就更好了。
安装
Webpack 有很多种安装方式,安装之前,建议升级到最新的 Nodejs 或者 LTS 版本。你可以在项目中安装,也可以全局安装,不过还是建议项目安装,以减少项目对环境的依赖性(虽然看上去很浪费,这一点也是 Node 比较致命的一点)
最后,喜欢新特性的小伙伴也可以安装 beta 版,虽然没有 Windows 和 iOS 那么坑,但也不要用于生产。
从头开始
正如概念篇所讲,Webpack 为项目打包而生,项目安装完成后,就可以在 命令行或者文件中使用 Webpack 提供的 API 了。