gulp和yarn打包工具二分鐘包會教程

2022-09-06 07:36:12 字數 1885 閱讀 3334

基於node的自動化構建工具

擴充套件:開發的時候分為2個節點乙個是開發階段  另乙個是部署階段

開發階段:原始檔不會被壓縮

部署階段:所有檔案需要壓縮

2.gulp能幹什麼?
1  自動壓縮js檔案

2  自動壓縮css檔案

3  自動合併檔案

4  自動編譯sass

5  自動壓縮

6  自動重新整理瀏覽器

3.怎麼安裝gulp?
因為它基於nodejs,因此需要先安裝node環境

安裝完成後,開啟你的命令列視窗

輸入: node -v

檢測一下node是否安裝好了

二分鐘開始

1.使用npm安裝外掛程式命令

:npm install -g 全域性安裝 //先全域性安裝

:npm install --s**e-dev:區域性安裝 //一會使用

《npm install -g cnpm --registry=**映象》cnpm安裝

cnpm -v//裝完檢視版本,驗證是否安裝正確

<-- cnpm替換npm快很多 -->

2.初始化資料夾

cnpm init 《npm init -y 如果卡住的話》

作用:初始化乙個gulp環境 建立乙個package.json檔案

3.區域性安裝gulp

cnpm install gulp --s**e-dev:區域性安裝

--s**e:將儲存配置資訊至package.json

-dev:儲存至package.json的devdependencies節點

4.新建gulpfile檔案(重要)

gulpfile.js是gulp專案的配置檔案,是位於專案根目錄的普通js檔案

gulpfile package node_modules 三個檔案一般放在一起

gulpfile.js
const gulp = require("gulp")//引入

gulp.task("script",function())

終端輸入

gulp script

專案裡面就ok了

這裡引用中文官網的說明: 

yarn 是乙個依賴管理工具。它能夠管理你的**,並與全世界的開發者分享**。yarn 是高效、安全和可靠的,你完全可以安心使用。

yarn 能夠讓你使用其他開發者開發的**,讓你更容易的開發軟體。如果你在使用中發現任何問題,歡迎發 issue 或者貢獻**,一旦問題被修復,你就可以繼續使用 yarn 戰鬥了。

**是通過包(有時也被稱為模組)進行共享的。 在每乙個包中包含了所有需要共享的**,另外還定義了乙個 package.json 檔案,用來描述這個包。

1、安裝  cnpm install yarn -g

2.專案裡面 yarn add gulp --dev

和gulp對比的命令

1、安裝  cnpm install yarn -g

2、cnpm install gulp --s**e === yarn add gulp

3、cnpm install gulp --s**e-dev === yarn add gulp --dev

4、更新 cnpm update 包名 == yarn update 包名

5、yarn remove 包名 == npm uninstall 包名 刪除包

6、yarn clear 清除快取

8、 yarn init -y == cnpm init -y

二分查詢和二分答案

1.解釋 優點 查詢速度快。缺點 待查表為有序表。4.時間複雜度 o log n 5.示例 p2249查詢 include include using namespace std long long n,m,a 1000005 b 100005 l,r,mid,cnt,x intmain for i...

二分 整數二分和浮點數二分

一定是單調的才可以二分。找中間點 判斷是否滿足check函式 此函式需要自己根據題意調整,假設紅色區域為滿足check函式,說明mid在紅色區域內,此時要在mid到r之間找,l mid,否則r mid 1。由於此時l mid 所以中間點應為 l r 1 2 中間點mid l r 2 mid l r ...

關於二分查詢和二分搜尋

首先是二分查詢,舉個有序的整數陣列例子 二分查詢和搜尋都是針對有序陣列 public int rank int key,int n else if cmp 0 else return lo 如果查詢到,返回陣列下標mid,如果沒找到,return lo 有人會問了為什麼返回lo?當然你非要在找不到的...