簡單來說,透過webpack這個輔助工具,能把我們網頁所需要的眾多CSS和JS檔案自動打包成一個bundle.js。

我們只需要在html的<script></script>部分,將bundle.js引入即可

舉個簡單例子

我的網站同時使用了bootstrap,vue,react還有自己寫的幾個css檔案,如果在html中同時引入,會占用不少行程式碼,而且網頁專案的資料夾,也會有這些框架檔的佔用。如果我使用了webpack,將前面所述的檔案,全部打包成一個bundle.js,我就不用引入那麼多的js及css檔案,還能把這些js及css檔案都刪除,可以降低網頁載入的時間。

Written by

Machine Learning / Deep Learning / Python / Flutter cakeresume.com/yanwei-liu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store