webpack中文指南是一套关于webpack的使用手册,会逐步带你由浅入深。本章节更多是作为一个切入点,一旦阅读完成后,你就会更加容易深入到实际的文档中。本指南章节包含有关理解和掌握 webpack 提供的各种工具和特性。
Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
webPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
目录
- 前言 1
- 模块系统 1.1
- 重复的轮子 1.2
- 准备开始 2
- 安装 2.1
- 使用 2.2
- Loader 2.3
- 配置文件 2.4
- 插件 2.5
- 开发环境 2.6
- 故障处理 2.7
- 高级 3
- CommonJS 规范 3.1
- AMD 规范 3.2
- 参考链接 4