• webpack 官方文档中文版
  • webpack
  • 1. 入门
    • 1.1. 动机
    • 1.2. webpack 是什么
    • 1.3. 安装
    • 1.4. 用法
    • 1.5. 引用模块
    • 1.6. Vendor Modules
    • 1.7. 使用加载器
    • 1.8. 使用插件
    • 1.9. 开发工具
    • 1.10. 疑难解答
  • 2. 教程及示例
    • 2.1. 入门
    • 2.2. 教程列表
    • 2.3. 示例
  • 3. 指南
    • 3.1. CommonJs
    • 3.2. AMD
    • 3.3. 从 browserify 切换到 webpack
    • 3.4. 代码分离
    • 3.5. 样式
    • 3.6. 优化
    • 3.7. 持久缓存
    • 3.8. 编写加载器
    • 3.9. 多入口
    • 3.10. 库和第三方代码
    • 3.11. Shimming modules
    • 3.12. 测试
    • 3.13. 构建的性能
    • 3.14. 用 webpack 来做模块热更新
    • 3.15. 对比
  • 4. 搭配工具
    • 4.1. grunt
    • 4.2. gulp
    • 4.3. bower
    • 4.4. karma
  • 5. 资源列表
    • 5.1. 加载器惯例
    • 5.2. 加载器列表
    • 5.3. 插件列表
    • 5.4. 指南列表
  • 6. API
    • 6.1. 配置
    • 6.2. 命令行
    • 6.3. Node.js API
    • 6.4. 模块中的 API
    • 6.5. 加载器
    • 6.6. 插件
    • 6.7. 上下文环境
    • 6.8. 解析
    • 6.9. 模块热更新
    • 6.10. 开发工具
      • 6.10.1. webpack 开发服务器
      • 6.10.2. webpack 开发服务器中间件
  • 7. 开发
    • 7.1. 变更日志
    • 7.2. 路线图
    • 7.3. 点子
    • 7.4. 贡献
Powered by GitBook

webpack 官方文档中文版

一、简单示例

1.基本用法

  • CommonJS

2.代码分离

  • 代码分离
  • 使用bundle-loader来进行代码分离

3.多入口

  • 多入口

4.模块风格

  • 标签式模块
  • 标签式模块与CommonJS模块、AMD模块的混合
  • 组件模块

5.库和额外资源

  • 使用多入口和UMD来配置第三方库
  • 依赖其他脚本

6.加载器

  • 使用加载器
  • 使用coffee-script

7.环境

  • 动态加载
  • 动态加载代码块
  • 动态加载代码块(AMD)
  • 待定:动态加载每一个模块

8.国际化

  • 使用i18n插件

二、高级示例

1.CommonJS高级用法

  • require.resolve

2.代码分离高级用法

  • 代码块合并冲突
  • 在代码块中转移模块
  • 使用多入口和代码分离来路由

3.多种编译

  • 使用多个配置文件

4.代码压缩

  • 使用代码压缩插件
  • 使用代码分离来来压缩

5.代码块共享

  • 代码块共享

6.样式

  • 从CSS模块中提取样式
  • 代码分离
  • 代码块共享

7.WebWorker

  • 使用webworker-loader

8.命名的代码块

  • 合并命名的代码块