前言
團(tuán)隊(duì)使用的 webpack 功能很強(qiáng)大,有時(shí)候會(huì)碰到編譯失敗的情況,總得找工具的作者解決問(wèn)題,自己很少去追究原因,感覺(jué)對(duì)于 webpack 的認(rèn)知總是一知半解。因此,從本篇文章開(kāi)始,自己從零開(kāi)始配置 webpack,認(rèn)真體驗(yàn)一下配置過(guò)程。文章內(nèi)容過(guò)于簡(jiǎn)單,如果有 webpack 使用經(jīng)驗(yàn)的人,就不用往下看啦。
版本說(shuō)明
本文使用的 webpack 的版本為:4.30.0
開(kāi)始搭建
本文的目的是使用 webpack 完成 es6 的編譯,沒(méi)想到過(guò)程過(guò)于簡(jiǎn)單。
安裝 node 與 npm 鏡像
安裝 node
安裝 npm 淘寶鏡像
安裝 webpack 與 webpack-cli
打開(kāi)或者新建一個(gè)項(xiàng)目,使用命令行安裝 webpack 與 webpack-cli:
$ cnpm install --save-dev webpack-cli
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。