Webpack 中文指南


阅读(223) (55)

手册简介

webpack是近期最火的一款模块加载器兼打包工具,它能够把各种资源,例如JS(含JSX)、样式(含less/sass)、图片等都作为模块来使用和处理。本书详细介绍了Webpack以及它的安装、配置和使用。

手册说明

QQ图片20170801142300

Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

Join the chat at https://gitter.im/zhaoda/webpack-handbook

贡献内容

如果你想参与这本书的共同创作,修改或添加内容,可以先 Fork 这本书的仓库,然后将修改的内容提交 Pull requests ;或者创建  Issues

Fork 后的仓库如何同步本仓库?

// 添加 upstream 源,只需执行一次
$ git remote add upstream git@github.com:zhaoda/webpack-handbook.git
// 拉取远程代码
$ git pull upstream master
// 提交修改
$ git add .$ git commit
// 更新 fork 仓库
$ git push origin master

更多参考: Syncing a fork

注意,本书内容在 /content 目录中, /docs 和 Wiki 版是通过脚本自动生成的。

生成电子书

这本书使用 Gitbook 撰写并生成网站,请查看 package.json 中的 scripts 配置和 /scripts 目录中的脚本来了解这本书的构建和发布过程。

// 初始化 nodejs 依赖
$ npm install
// 安装 gitbook 插件
$ npm install gitbook-cli -g
$ gitbook install ./content
// 启动 gitbook 服务开始撰写工作
$ npm run serve-gitbook
// 生成 gitbook
$ npm run generate-gitbook
// 生成 wiki
$ npm run generate-wiki
// 发布到 wiki
$ npm run deploy-wiki
// 生成并发布,是上面3条命令的快捷方式,通常编辑内容后只需要进行这个操作
$ npm run generate-and-deploy

更新日志

https://github.com/zhaoda/webpack-handbook/commits/master

版权许可

Webpack 中文指南 由 赵达 创作,采用 知识共享 署名-非商业性使用 4.0 国际 许可协议进行许可。