webpack4系列一 打包JS

webpack是前端工程化中的熱門工具余蟹,市面上一些熱門前端框架(例如React梅掠、Vue.js)使用webpack作為搭建腳手架预烙。

webpack是一個(gè)javascript應(yīng)用的靜態(tài)模塊打包工具酬屉,它可以通過npm(node.js package magager)來安裝负懦。

1.環(huán)境準(zhǔn)備及初始化項(xiàng)目

npm是node.js中的包管理器韭赘,所以要使用npm就需要安裝node.js缩滨。

1.1 安裝node.js 10.x后查看node與npm版本

1.2 創(chuàng)建項(xiàng)目目錄,使用npm init初始化

初始化完成后泉瞻,目錄下會(huì)生成package.json(package.json類似Gradle項(xiàng)目中的build.gradle)

1.3 安裝最新版本webpack

要使用webpack4以上版本還需要同時(shí)安裝webpack-cli

<p style="background:#000;color:#fff">npm install --save-dev webpack webpack-cli</p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末脉漏,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子袖牙,更是在濱河造成了極大的恐慌侧巨,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鞭达,死亡現(xiàn)場離奇詭異司忱,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)畴蹭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門坦仍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人叨襟,你說我怎么就攤上這事繁扎。” “怎么了糊闽?”我有些...
    開封第一講書人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵梳玫,是天一觀的道長。 經(jīng)常有香客問我右犹,道長提澎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任念链,我火速辦了婚禮盼忌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钓账。我一直安慰自己碴犬,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開白布梆暮。 她就那樣靜靜地躺著服协,像睡著了一般。 火紅的嫁衣襯著肌膚如雪啦粹。 梳的紋絲不亂的頭發(fā)上偿荷,一...
    開封第一講書人閱讀 51,698評(píng)論 1 305
  • 那天窘游,我揣著相機(jī)與錄音,去河邊找鬼跳纳。 笑死忍饰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的寺庄。 我是一名探鬼主播艾蓝,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼斗塘!你這毒婦竟也來了赢织?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤馍盟,失蹤者是張志新(化名)和其女友劉穎于置,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贞岭,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡八毯,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了瞄桨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片话速。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖讲婚,靈堂內(nèi)的尸體忽然破棺而出尿孔,到底是詐尸還是另有隱情,我是刑警寧澤筹麸,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布活合,位于F島的核電站,受9級(jí)特大地震影響物赶,放射性物質(zhì)發(fā)生泄漏白指。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一酵紫、第九天 我趴在偏房一處隱蔽的房頂上張望告嘲。 院中可真熱鬧,春花似錦奖地、人聲如沸橄唬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仰楚。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間僧界,已是汗流浹背侨嘀。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捂襟,地道東北人咬腕。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像葬荷,于是被迫代替她去往敵國和親涨共。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1闯狱、一個(gè)打包工具 2煞赢、一個(gè)模塊加載工具 3...
    Kevin_Junbaozi閱讀 6,673評(píng)論 0 16
  • 前后端分離的好處就是可以使前端和后端的開發(fā)分離開來,如果使用 Django 的模板系統(tǒng)哄孤,我們需要在前端和后端的開發(fā)...
    ucag閱讀 2,293評(píng)論 6 11
  • 33、JS中的本地存儲(chǔ) 把一些信息存儲(chǔ)在當(dāng)前瀏覽器指定域下的某一個(gè)地方(存儲(chǔ)到物理硬盤中)1吹截、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,084評(píng)論 0 2
  • 前言 本文主要從webpack4.x入手瘦陈,會(huì)對(duì)平時(shí)常用的Webpack配置一一講解,各個(gè)功能點(diǎn)都有對(duì)應(yīng)的詳細(xì)例子波俄,...
    BetterChen閱讀 1,949評(píng)論 0 3
  • 常話說:“和美人相撞會(huì)受傷晨逝,與美人同行,則正好可以擁有美人懦铺∽矫玻”寫《詩經(jīng)里的植物》,正好印證了這句話冬念。讀《詩經(jīng)》趁窃,感...
    涵筠LIQILIN閱讀 442評(píng)論 0 0