webpack

用于webapp屈张。

webpack 打包優(yōu)化擒权。
選項去優(yōu)化項目。

減少HTPP請求阁谆,減少請求文件碳抄,希望使用緩存讓我們的流量變得小,加載速度變快场绿。

webpack是打包前端資源的剖效,我們前端資源有很多種不同的類型,比如javascript焰盗,css璧尸,圖片,字體等姨谷。


使用Vue + Webpack 打造todo應(yīng)用

我們使用下面的方式創(chuàng)建項目:

vue init webpack-simple vuejs-test01 //  項目名為:vuejs-test01

npm run build // 有輸出內(nèi)容逗宁,就是打包

我們可以看到輸出的內(nèi)容:

$ npm run build 

> vuejs-test01@1.0.0 build /Users/luowensheng/Desktop/TestIOS/vue/vuejs-test01
> cross-env NODE_ENV=production webpack --progress --hide-modules

Hash: 93c762fe8f5d866022e8                                                    b Version: webpack 3.10.0
Time: 4971ms
                                    Asset     Size  Chunks             Chunk Names
logo.png?82b9c7a5a3f405032b1db71a25f67021  6.85 kB          [emitted]  
                                 build.js  98.5 kB       0  [emitted]  main
                             build.js.map   825 kB       0  [emitted]  main

有三個文件輸出到了/dist文件夾下。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末梦湘,一起剝皮案震驚了整個濱河市瞎颗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌捌议,老刑警劉巖哼拔,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異瓣颅,居然都是意外死亡倦逐,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門宫补,熙熙樓的掌柜王于貴愁眉苦臉地迎上來檬姥,“玉大人,你說我怎么就攤上這事粉怕〗∶瘢” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵贫贝,是天一觀的道長秉犹。 經(jīng)常有香客問我,道長稚晚,這世上最難降的妖魔是什么崇堵? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮客燕,結(jié)果婚禮上鸳劳,老公的妹妹穿的比我還像新娘。我一直安慰自己幸逆,他們只是感情好棍辕,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布暮现。 她就那樣靜靜地躺著,像睡著了一般楚昭。 火紅的嫁衣襯著肌膚如雪栖袋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天抚太,我揣著相機(jī)與錄音塘幅,去河邊找鬼。 笑死尿贫,一個胖子當(dāng)著我的面吹牛电媳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播庆亡,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼匾乓,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了又谋?” 一聲冷哼從身側(cè)響起拼缝,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎彰亥,沒想到半個月后咧七,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡任斋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年继阻,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片废酷。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡瘟檩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出澈蟆,到底是詐尸還是另有隱情芒帕,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布丰介,位于F島的核電站,受9級特大地震影響鉴分,放射性物質(zhì)發(fā)生泄漏哮幢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一志珍、第九天 我趴在偏房一處隱蔽的房頂上張望橙垢。 院中可真熱鬧,春花似錦伦糯、人聲如沸柜某。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喂击。三九已至剂癌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間翰绊,已是汗流浹背佩谷。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留监嗜,地道東北人谐檀。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像裁奇,于是被迫代替她去往敵國和親桐猬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

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

  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,470評論 2 71
  • GitChat技術(shù)雜談 前言 本文較長刽肠,為了節(jié)省你的閱讀時間溃肪,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,697評論 7 110
  • 版權(quán)聲明:本文為博主原創(chuàng)文章润绎,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一诞挨、webpack介紹 1莉撇、由來 ...
    it筱竹閱讀 11,141評論 0 21
  • 記得2004年的時候,互聯(lián)網(wǎng)開發(fā)就是做網(wǎng)頁惶傻,那時也沒有前端和后端的區(qū)分棍郎,有時一個網(wǎng)站就是一些純靜態(tài)的html,通過...
    陽陽陽一堆陽閱讀 3,304評論 0 5
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,292評論 4 31