Webpack 中文指南

閱讀(134.1k) 收藏贊(12)

手冊簡介

webpack是近期最火的一款模塊加載器兼打包工具，它能夠把各種資源，例如JS（含JSX）、樣式（含less/sass）、圖片等都作為模塊來使用和處理。本書詳細介紹了Webpack以及它的安裝、配置和使用。

手冊說明

Webpack是當(dāng)下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源。還可以將按需加載的模塊進行代碼分隔，等到實際需要的時候再異步加載。通過 loader 的轉(zhuǎn)換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

貢獻內(nèi)容

如果你想?yún)⑴c這本書的共同創(chuàng)作，修改或添加內(nèi)容，可以先 Fork 這本書的倉庫，然后將修改的內(nèi)容提交 Pull requests ；或者創(chuàng)建 Issues。

Fork 后的倉庫如何同步本倉庫？

// 添加 upstream 源，只需執(zhí)行一次
$ 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

注意，本書內(nèi)容在 /content 目錄中， /docs 和 Wiki 版是通過腳本自動生成的。

生成電子書

這本書使用 Gitbook 撰寫并生成網(wǎng)站，請查看 package.json 中的 scripts 配置和 /scripts 目錄中的腳本來了解這本書的構(gòu)建和發(fā)布過程。

// 初始化 nodejs 依賴
$ npm install
// 安裝 gitbook 插件
$ npm install gitbook-cli -g
$ gitbook install ./content
// 啟動 gitbook 服務(wù)開始撰寫工作
$ npm run serve-gitbook
// 生成 gitbook
$ npm run generate-gitbook
// 生成 wiki
$ npm run generate-wiki
// 發(fā)布到 wiki
$ npm run deploy-wiki
// 生成并發(fā)布，是上面3條命令的快捷方式，通常編輯內(nèi)容后只需要進行這個操作
$ npm run generate-and-deploy