❶ 前端打包用什麼
一、webpack介紹
經常聽到前端的大佬們說是用webpack打包的，那麼到底webpack是個什麼東東呢？
1、webpack是什麼
Webpack 是一個前端資源載入/打包工具。它將根據模塊的依賴關系進行靜態分析，然後將這些模塊按照指定的規則生成對應的靜態資源。webpack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其他的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其轉換和打包為合適的格式供瀏覽器使用。
2、webpack的核心作用
模塊化開發中，我們會編寫大量模塊，如果不打包就進行上線，那麼頁面載入或交互時，將會發起大量的請求。為了性能優化，需要使用webpack這樣的打包器對模塊進行打包整合，以減少請求數。就像簡單的vue項目，所有組件最終將被打包到一個app.js中。相較於無差別打包依賴模塊的傳統打包器（Grunt和Gulp等），webpack的核心優勢在於它從入口文件出發，遞歸構建依賴關系圖。通過這樣的依賴梳理，webpack打包出的bundle不會包含重復或未使用的模塊，實現了按需打包，極大的減少了冗餘。
二、npm介紹
介紹了webpack，我們可能會疑問，我的JS，CSS，HTML文件分開寫，挺好的呀，為什麼要使用webpack工具，進行復雜的各項配置。在傳統前端開發模式下，我們確實是按照JS/CSS/HTML文件分開寫的模式就可以，但是隨著前端的發展，社區的壯大，各種前端的庫和框架層出不窮，我們項目中可能會使用很多額外的庫，如何有效管理這些引入的庫文件是一個大問題，而且我們知道基於在HTML中使用
npm 由三個獨立的部分組成：網站、注冊表（registry）和命令行工具（CLI）
網站是開發者查找包（package）、設置參數以及管理npm使用體驗的主要途徑。
注冊表是一個巨大的資料庫，保存了每個包（package）的信息。
CLI通過命令行或者終端運行。開發者通過CLI與npm打交道。
一般來說提起npm有兩個含義，一個是說npm官方網站，一個就是說npm包管理工具。npm社區或官網是一個巨大的Node生態系統，社區成員可以隨意發布和安裝npm生態中的包，也就是不用在重復造輪子了，別人造好了，你直接安裝到你的項目中就可以使用，但是因為前面說了，當包引入數量很多時管理就成為了一個問題，這個就是npm為開發者行了方便之處，npm已經為你做好了依賴和版本的控制，也就是說使用npm可以讓你從繁雜的依賴安裝和版本沖突中解脫出來，進而關注你的業務而不是庫的管理。
而webpack就是將你從npm中安裝的包打包成更小的瀏覽器可讀的靜態資源，這里需要注意的是，webpack只是一個前端的打包工具，打包的是靜態資源，和後台沒有關系，雖然webpack依賴於node環境。
三、webpack npm node之間的關系
webpack是npm生態中的一個模塊，我們可以通過全局安裝webpack來使用webpack對項目進行打包。
webpack的運行依賴於node環境，沒有node是不能打包的，但是webpack打包後的項目本身只是前端靜態資源，和後台沒有關系，也就是說不依賴於node。
npm產生於node社區，是node的官方包管理工具，當安裝好node的時候，npm就自動安裝好了。
正是因為npm的包管理，是的項目可以模塊化的開發，而模塊化的開發帶來的這些改進確實大大的提高了開發效率，但是利用它們開發的文件往往需要進行額外的處理才能讓 瀏覽器識別，而手動處理又是非常的繁瑣的，這就是webpack工具存在的意義。
❷ 慕課網大前端資源求分享
咸魚上好多5塊10塊的，你可以去看看
❸ Web前端開發比較好的技術類資源網站有哪些
你好，WEB前端開發是最近幾年才興起的，關於它包括哪些技術，你可以去網上找一下或者去查一下相關的書籍，
有人學習是網上學習的，它是一個免費學習網站，網站課程為短視課頻，學習內容基本都是實操性很強的案常式。