近年來前端技術(shù)如雨后春筍般蓬勃發(fā)展,我們也在這個(gè)潮流下不斷地學(xué)習(xí)、成長。前端技術(shù)的不斷發(fā)展,給我們提供了許多的便利。例如:JSX的出現(xiàn)為我們提供了一個(gè)清晰、直觀的方式來描述組件樹,LESS/SASS的出現(xiàn)提高了我們書寫css的能力,AMD/CommonJS/ES6 的出現(xiàn)為我們模塊化開發(fā)提供了便利。然而,我們需要使用其它工具將這些工具轉(zhuǎn)化成原生語言以運(yùn)行在瀏覽器上。為了能夠更好的將這些不同的資源整合到一起,我們就需要一個(gè)打包工具,webpack就是這個(gè)需求下的產(chǎn)物。
webpack 可以看做是模塊打包機(jī)。它做的事情是:分析你的項(xiàng)目結(jié)構(gòu),找到JavaScript模塊以及其它的一些瀏覽器不能直接運(yùn)行的拓展語言(Scss,TypeScript等),并將其打包為合適的格式以供瀏覽器使用。目前,webpack 總共發(fā)布了三個(gè)穩(wěn)定版本。從17年八月底開始,經(jīng)歷了長達(dá)五個(gè)月的開發(fā)周期,webpack 團(tuán)隊(duì)通過增加大量新特性、bug修復(fù)、問題改善并于近期發(fā)布了 webpack 4.0.0 的 beta 版本。如果你對 webpack 感興趣,下面我們就來學(xué)習(xí)一下 webpack 4.0.0-beta.0 的新特性。
P.S. 以下所有代碼演示代碼都是基于 webpack 4.0.0-beta.0。
1、安裝webpack v4.0.0-beta.0
如果你使用yarn:
yarn add webpack@next webpack-cli --dev
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。