webpack的簡單打包

1.打包:可以把多個JavaScript文件打包成一個文件,減少服務(wù)器壓力和下載帶寬。

2.轉(zhuǎn)化:把拓展語言轉(zhuǎn)化成為普通的JavaScript,讓瀏覽器順利運行

3.優(yōu)化:前端變的越來越復雜后,性能也會遇到問題,而webpack也開始肩負起了優(yōu)化和提升性能的責任

總的來說,其實WebPack可以看做是模塊打包機。

一、具體的安裝方法

1.新建一個webpack.config.js的配置文件

注意這里的webpack.config.js不可以設(shè)置為webpack-config.js,會識別不了的

module.exports={

entry:'./main.js',

output:{

filename:'bundle.js'

}

};

2.快捷鍵:win+R,輸入cmd

npm install -g webpack

3.webpack

二、Webpack 的多入口文件

1.直接在webpack.config.js文件寫入

module.exports={

entry:{

bundle1:'./main.js',

bundle2:'./main1.js',

},

output:{

filename:'[name].js'

}

};

2.運行命令:webpack

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,359評論 7 35
  • 記得2004年的時候,互聯(lián)網(wǎng)開發(fā)就是做網(wǎng)頁,那時也沒有前端和后端的區(qū)分,有時一個網(wǎng)站就是一些純靜態(tài)的html,通過...
    陽陽陽一堆陽閱讀 3,454評論 0 5
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,662評論 2 71
  • 學習流程 參考文檔:入門Webpack,看這篇就夠了Webpack for React 一. 簡單使用webpac...
    Jason_Zeng閱讀 3,251評論 2 16
  • 今天上午,媽媽剛做完飯就有客人來了,是爸爸的朋友。我叫大爺,給我買來了香蕉和奶,我把香蕉給姐姐和胡成,可以們一起分享
    馬若維閱讀 174評論 0 0

友情鏈接更多精彩內(nèi)容