webpack的一點(diǎn)介紹

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

Webpack 把任何一個(gè)文件都看成一個(gè)模塊，模塊間可以互相依賴(lài)（require or import），webpack 的功能是把相互依賴(lài)的文件打包在一起。webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉(zhuǎn)換器可以將各種類(lèi)型的資源轉(zhuǎn)換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。同時(shí)，webpack還有豐富的插件 plugin，可以完成例如js,css的壓縮，公共依賴(lài)模塊的提取和注入，甚至利用模板對(duì) html 進(jìn)行動(dòng)態(tài)拼接等功能。

同時(shí)，webpack 使用commonjs規(guī)范（require），支持es6語(yǔ)法(import)的編譯，可以方便的抽離vue組件，這成為我們選擇它的重要理由。

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

 

對(duì)webpack工作方式直觀(guān)的理解（官網(wǎng)小示例）

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

import: es6 引入依賴(lài)的方式，還可以用comm