2019-10-27 node第三方模塊學習

第三方模塊(由多個文件組成俭驮,又稱為包)回溺;

存在形式:①JS:提供實現(xiàn)項目具體功能的API接口;②以命令形式存在混萝,輔助項目開發(fā)遗遵;

獲取第三方模塊:非官方模塊(存儲在公共平臺)npmjs.com

下載方法: 在powerShell:? npm install 模塊名稱

默認下載當前目錄下:node-modules和package-lock.js

卸載: npm uninstall 模塊名稱

本地安裝:將模塊下載到當前項目中,供當前項目使用逸嘀;? (一般庫文件)

全局安裝:將模塊安裝在公共目錄中车要,所有項目都可以使用;(命令行工具)

=============================================================

nodemon模塊(命令行工具崭倘,輔助項目開發(fā))

作用:監(jiān)控文件的保存操作翼岁,當文件發(fā)生保存操作時,就會重新執(zhí)行該文件(直接看到修改后效果司光,不需要繁瑣執(zhí)行)琅坡;

①下載: npm? install nodemon -g? ? //-g全局安裝

②使用: 執(zhí)行:nodemon 01.helloworld.js?

斷開操作:ctrl+c? ?//返回當前工作目錄

=============================================================

nrm模塊

作用:npm下載地址的管理工具,快速切換npm的下載地址(由于網(wǎng)站在國外残家,下載速度慢榆俺,容易下載失敗,所以在國內(nèi)有公司專門建立服務器存儲npm的同步跪削,替代npm地址)谴仙;

①下載: npm install nrm -g? // 全局下載

操作: nrm ls? //查看下載地址

nrm use 下載名稱? //修改下載地址

=========================================================

gulp模塊(前端構建工具)

作用:將機械換操作編寫成任務,輸入命令碾盐,自動執(zhí)行任務晃跺。

html文件壓縮: gulp-htmlmin

css壓縮:gulp-csso

壓縮混淆的JavsScript:gulp-uglify

less語法轉(zhuǎn)換css:gulp-less

JavaScript語法轉(zhuǎn)換:gulp-babel

公共文件包含:gulp-file-include

瀏覽器實時同步:browsersync



gulp中提供的方法:

gulp.src()? // 獲取任務要處理的文件

gulp.dest() //輸出文件

gulp.task() //建立gulp任務

gulp.watch()? //監(jiān)控文件的變化

語法:

const gulp = require('gulp');? ? ? ? ? ? ? ? ? ? ??// 引用gulp模塊

gulp.task('first',()=>{? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//使用gulp.task()方法建立任務? first是名字

gulp.src('./src/css/base.css')? ? ? ? ? ? ? ? ? ? // 獲取要處理的文件

.pipe(gulp.dest('./dist/css'));? ? ? ? ? ? ? ? ? ? ?// 將要處理的文件輸出到dist目錄下的css目錄

});

在powershell下執(zhí)行:gulp first??

?// 自動去當前項目根目錄下找當前的gulpfile.js文件,再去找firsrt任務毫玖,幫我們執(zhí)行這個任務的回調(diào)函數(shù)掀虎。


使用:①下載 npm install gulp? ? ? npm install gulp-cli -g

②在項目根目錄下建立gulpfile.js文件? ?//不能更改文件名

③重構項目文件夾結(jié)構src目錄放置源代碼文件凌盯,dist目錄放置構建后文件。

④在gulpfile.js文件中編寫任務

⑤在命令行執(zhí)行工具中執(zhí)行gulp任務(npm install gulp-cli -g要下載該工具)

例子:

在編輯器中新建一個文件夾:gulp-demo

在命令行工具中使用cd命令烹玉,切換到gulp-demo文件夾下

安裝gulp的庫文件: npm install gulp

在根目錄gulp-demo下建立gulpfile.js文件驰怎,新建文件夾src和dist

將源代碼放入src文件夾中

在gulpfile.js中編寫任務

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市二打,隨后出現(xiàn)的幾起案子县忌,更是在濱河造成了極大的恐慌,老刑警劉巖继效,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件症杏,死亡現(xiàn)場離奇詭異,居然都是意外死亡瑞信,警方通過查閱死者的電腦和手機厉颤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凡简,“玉大人逼友,你說我怎么就攤上這事〕由” “怎么了帜乞?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長筐眷。 經(jīng)常有香客問我挖函,道長,這世上最難降的妖魔是什么浊竟? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮津畸,結(jié)果婚禮上振定,老公的妹妹穿的比我還像新娘。我一直安慰自己肉拓,他們只是感情好后频,可當我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著暖途,像睡著了一般卑惜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上驻售,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天露久,我揣著相機與錄音,去河邊找鬼欺栗。 笑死毫痕,一個胖子當著我的面吹牛征峦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播消请,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼栏笆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了臊泰?” 一聲冷哼從身側(cè)響起蛉加,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎缸逃,沒想到半個月后针饥,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡察滑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年打厘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贺辰。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡户盯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出饲化,到底是詐尸還是另有隱情莽鸭,我是刑警寧澤,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布吃靠,位于F島的核電站硫眨,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏巢块。R本人自食惡果不足惜礁阁,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望族奢。 院中可真熱鬧姥闭,春花似錦、人聲如沸越走。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽廊敌。三九已至铜跑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間骡澈,已是汗流浹背锅纺。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留肋殴,地道東北人伞广。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓拣帽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親嚼锄。 傳聞我的和親對象是個殘疾皇子减拭,可洞房花燭夜當晚...
    茶點故事閱讀 43,697評論 2 351