git管理 webpack模組打包

2021-09-17 03:46:56 字數 890 閱讀 4435

git管理 / webpack模組打包

git管理:

git和svn區別

1.svn:集中式版本控制系統,版本庫是集中存放在**伺服器的,而幹活的時候,用的都是自己的電腦,所以要先從**伺服器取得最新的版本,然後開始幹活,幹完活了,再把自己的活推送給**伺服器。

2.git:分布式版本控制系統根本沒有「**伺服器」,每個人的電腦上都是乙個完整的版本庫,分布式版本控制系統的安全性要高很多,因為每個人電腦裡都有完整的版本庫,git極其強大的分支管理

webpack模組打包:

webpack核心概念

entry 乙個可執行模組或庫的入口檔案。

chunk 多個檔案組成的乙個**塊,例如把乙個可執行模組和它所有依賴的模組組合和乙個 chunk 這體現了webpack的打包機制。

loader 檔案轉換器,例如把es6轉換為es5,scss轉換為css。

plugin 外掛程式,用於擴充套件webpack的功能,在webpack構建生命週期的節點上加入擴充套件hook為webpack加入功能。

webpack構建流程

從啟動webpack構建到輸出結果經歷了一系列過程,它們是:

解析webpack配置引數,合併從shell傳入和webpack.config.js檔案裡配置的引數,生產最後的配置結果。

註冊所有配置的外掛程式,好讓外掛程式監聽webpack構建生命週期的事件節點,以做出對應的反應。

從配置的entry入口檔案開始解析檔案構建ast語法樹,找出每個檔案所依賴的檔案,遞迴下去。

在解析檔案遞迴的過程中根據檔案型別和loader配置找出合適的loader用來對檔案進行轉換。

遞迴完後得到每個檔案的最終結果,根據entry配置生成**塊chunk。

輸出所有chunk到檔案系統。

webpack 模組聯邦

前提概述 模組聯邦可以將多個獨立執行的專案產生依賴關係,以下建立兩個專案,讓a專案依賴b專案的乙個元件。前三步兩個專案配置相同 1 安裝webpack環境npm init y npm i webpack webpack cli webpack dev server html webpack plug...

webpack資源管理

webpack不僅可以打包j ascript模組,甚至它把網頁開發中的一切資源的都可以當作模組來打包處理 但是webpack本身不支援,它只是乙個打包平台,其他資源,例如css less sass img等資源需要結合外掛程式來實現,這些外掛程式在webpack裡被稱為loader 載入器 1 打包...

Git 基礎 打標籤

像其他版本控制系統 vcs 一樣,git 可以給歷史中的某乙個提交打上標籤,以示重要。比較有代表性的是人們會使用這個功能來標記發布結點 v1.0 等等 在本節中,你將會學習如何列出已有的標籤 如何建立新標籤 以及不同型別的標籤分別是什麼。在 git 中列出已有的標籤是非常簡單直觀的。只需要輸入git...