webpack的一點介紹

平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,游戲開發(fā),動畫培訓

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

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

平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,游戲開發(fā),動畫培訓

 

對webpack工作方式直觀的理解(官網(wǎng)小示例)

平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,游戲開發(fā),動畫培訓

import: es6 引入依賴的方式,還可以用comm

網(wǎng)友評論