一.什么是 Webpack

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),東鄉(xiāng)族企業(yè)網(wǎng)站建設(shè),東鄉(xiāng)族品牌網(wǎng)站建設(shè),網(wǎng)站定制,東鄉(xiāng)族網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,東鄉(xiāng)族網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

Webpack 是一個模塊打包器。它將根據(jù)模塊的依賴關(guān)系進(jìn)行靜態(tài)分析，然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源。

webpack模式圖

二.為什么使用webpack

市面上已經(jīng)存在的模塊管理和打包工具并不適合大型的項目，尤其單頁面 Web 應(yīng)用程序。最緊迫的原因是如何在一個大規(guī)模的代碼庫中，維護(hù)各種模塊資源的分割和存放，維護(hù)它們之間的依賴關(guān)系，并且無縫的將它們整合到一起生成適合瀏覽器端請求加載的靜態(tài)資源。而webpack有以下幾個優(yōu)點：

1.將依賴樹拆分成按需加載的塊：Webpack 有兩種組織模塊依賴的方式，同步和異步。異步依賴作為分割點，形成一個新的快。在優(yōu)化了依賴樹后，每一個異步區(qū)塊都作為一個文件被打包。

2.初始化加載的耗時盡量少：Webpack 使用異步 I/O 和多級緩存提高運行效率，這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。

3.各種靜態(tài)資源都可以視作模塊：Webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。

4.將第三方庫整合成模塊的能力：Webpack 有一個智能解析器，幾乎可以處理任何第三方庫，無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴的時候，允許使用動態(tài)表達(dá)式 require("./templates/" + name + ".jade")。

5.自定義打包邏輯的能力：Webpack 還有一個功能豐富的插件系統(tǒng)。大多數(shù)內(nèi)容功能都是基于這個插件系統(tǒng)運行的，還可以開發(fā)和使用開源的 Webpack 插件，來滿足各式各樣的需求。

6.適合大項目，無論是單頁還是多頁的 Web 應(yīng)用

三.安裝webpack

首先要安裝 Node.js， Node.js 自帶了軟件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建議使用最新版 Node.js。

用 npm 安裝 Webpack：

$ npm install webpack -g

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享題目：webpack學(xué)習(xí)--webpack經(jīng)典7分鐘入門教程-創(chuàng)新互聯(lián)
標(biāo)題URL：http://weahome.cn/article/dcgeso.html