手冊簡(jiǎn)介

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

手冊說(shuō)明

QQ圖片20170801142300

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

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

貢獻內容

如果你想參與這本書(shū)的共同創(chuàng )作,修改或添加內容,可以先 Fork 這本書(shū)的倉庫,然后將修改的內容提交 Pull requests ;或者創(chuàng )建  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

注意,本書(shū)內容在 /content 目錄中, /docs 和 Wiki 版是通過(guò)腳本自動(dòng)生成的。

生成電子書(shū)

這本書(shū)使用 Gitbook 撰寫(xiě)并生成網(wǎng)站,請查看 package.json 中的 scripts 配置和 /scripts 目錄中的腳本來(lái)了解這本書(shū)的構建和發(fā)布過(guò)程。

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

更新日志

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

版權許可

Webpack 中文指南 由 趙達 創(chuàng )作,采用 知識共享 署名-非商業(yè)性使用 4.0 國際 許可協(xié)議進(jìn)行許可。


更新記錄

在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號