本人這次是在搭建一個Typescript項目時候配置的Webpack。但是Typescript的項目本人看來和往常的Web(Vue)項目類似點很多的。那么我們就可以通過對該Typescript項目的略微調整即可挪到Web項目中.......

首先說明一下為什么要依賴WebPack來搭建項目？？？

? ? ? ? webpack它是前端項目的打包工具（為了使我們的項目以最輕量的狀態部署到服務器上減少服務器的負載）

Webpack 是一個流行的開源模塊打包工具，用于JavaScript應用程序。它主要將JS文件和其他資源（如圖象，文字）打包成一個單獨的文件，可以有Web瀏覽器加載。

Webpack允許開發人員組織和管理應用程序的依賴關系，并通過減少網絡請求數量和減小打包文件大小來優化應用程序的性能！！！

WebPack的好處？

1、模塊系統 ：Webpack支持使用CommonJS和ES6模塊系統，允許開發人員使用 import 和 export 語句來管理程序的依賴關系。

2、代碼分割 ：Webpack允許將代碼拆分成多個模塊，在需要的時候按需加載。打打優化加載時間....

3、加載器 ： Webpack支持使用加載器，在將文件添加到打包文件之前對其進行預處理。加載器可用于使用Babel轉譯JavaScript（TypeScript項目就需要使用Babel), 使用PostCss處理Css , 優化圖片許多任務....

4、插件 ：Webpack 有一個豐富的插件生態系統，可以用于擴展其功能。插件可用于執行代碼壓縮、環境特定配置和資源優化等任務