npm-npmscript-gulp-webpack

如何全局安裝一個(gè) node 應(yīng)用?

npm install -g 應(yīng)用名稱

package.json 有什么作用蛹找?

{
"name": "test-demo0", //項(xiàng)目名稱,發(fā)布項(xiàng)目后呀闻,可以通過該名稱在npm上搜索到該項(xiàng)目,必須全網(wǎng)唯一
"version": "1.0.0", //版本號挺尾,當(dāng)項(xiàng)目做了改動時(shí)需要修改版本號再發(fā)布
"description": "這是我的測試版本", //工程描述皆尔。
"main": "index.js", //入口文件
"scripts": { //自定義的npm腳本赚抡,除test和start兩條命令可以用npm xxx在命令行執(zhí)行之外其他的命令必須用npm run xxx執(zhí)行蠢甲,這個(gè)對象中的鍵值對鍵名代表npm腳本的命令,而值則代表實(shí)際執(zhí)行的命令滥崩。
"test": "echo "Error: no test specified" && exit 1"
},
"keywords": [ //工程描述關(guān)鍵詞
"demo0"
],
"author": "xxx", //工程作者
"license": "ISC", //工程遵循的開源協(xié)議
"dependencies": { //工程所依賴的包漱贱,當(dāng)在執(zhí)行npm install命令時(shí),將會根據(jù)此對象中的屬性來安裝依賴夭委。
"marked": "^0.3.6"
},
"devDependencies": { //工程構(gòu)建者構(gòu)建工程所依賴的包,這個(gè)對象中的依賴僅僅在構(gòu)建工程時(shí)安裝
"easytpl": "^1.0.4"
}
}

npm install --save app 與 npm install --save-dev app有什么區(qū)別?

  • npm install --save app: 將產(chǎn)品運(yùn)行時(shí)(或生產(chǎn)環(huán)境)需要的依賴模塊添加到 package.json 的 dependencies 中募强,在發(fā)布后還需要繼續(xù)使用株灸,否則就運(yùn)行不了

  • npm install --save-dev app:將產(chǎn)品的開發(fā)環(huán)境需要的依賴模塊添加到 package.json 的 devDependencies 中,只在開發(fā)時(shí)才用到擎值,發(fā)布后用不到它慌烧。

區(qū)別在于:當(dāng)你把項(xiàng)目發(fā)布上線后,別人使用 npm install使用你的項(xiàng)目時(shí)鸠儿,
并不會下載devDependencies里的模塊屹蚊。

node_modules的查找路徑是怎樣的?

從當(dāng)前文件目錄開始查找node_modules目錄厕氨;然后依次進(jìn)入父目錄,查找父目錄下的node_modules目錄汹粤;依次迭代命斧,直到根目錄下的node_modules目錄。比如某個(gè)模塊的絕對路徑是/demo/src/index.js嘱兼,在該模塊中使用require('bar')方式加載模塊時(shí)国葬,node將在下面的位置進(jìn)行搜索:
/demo/src/node_modules/bar

/demo/node_modules/bar

/node_modules/bar

npm3與 npm2相比有什么改進(jìn)?yarn和 npm 相比有什么優(yōu)勢? (選做題目)

npm3相對于npm2模塊依賴目錄層欠的改進(jìn),將傳統(tǒng)的嵌套結(jié)構(gòu)改為了平鋪結(jié)構(gòu)
優(yōu)勢: 命令行較簡略

compare.jpg

webpack是什么芹壕?和其他同類型工具比有什么優(yōu)勢汇四?

webpack是一款模塊加載器兼打包工具,它能把各種資源JS/CSS/圖片等都作為模塊來使用和處理踢涌。
優(yōu)勢如下:

  • webpack 是以 commonJS 的形式來書寫腳本通孽,但對 AMD/CMD 的支持也很全面,方便舊項(xiàng)目進(jìn)行代碼遷移睁壁。
  • webpack可以將代碼拆分成多個(gè)區(qū)塊背苦,每個(gè)區(qū)塊包含一個(gè)或多個(gè)模塊,它們可以按需異步加載堡僻,極大地減少了頁面初次加載時(shí)間糠惫。
  • webpack 本身只能處理原生的 JS 模塊,但是loader 轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成 JS 模塊钉疫。這樣硼讽,任何資源都可以成為 webpack 可以處理的模塊。
  • webpack 有一個(gè)智能解析器牲阁,幾乎可以處理任何第三方庫固阁,無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件城菊。
  • webpack 還有一個(gè)功能豐富的插件系統(tǒng)备燃。大多數(shù)內(nèi)容功能都是基于這個(gè)插件系統(tǒng)運(yùn)行的,還可以開發(fā)和使用開源的 webpack 插件凌唬,來滿足各式各樣的需求并齐。
  • webpack使用異步 I/O 和多級緩存提高運(yùn)行效率,使得它能夠快速增量編譯客税。

npm script是什么况褪?如何使用?

  • package.json 文件有一個(gè) scripts 字段更耻,可以用于指定腳本命令测垛,供 npm 直接調(diào)用。
  • npm 內(nèi)置了兩個(gè)簡寫的命令:npm testnpm start秧均,其它命令要寫成 npm run xxx 形式

使用 webpack 替換 入門-任務(wù)15中模塊化使用的 requriejs

github: https://github.com/nciilin/trsk/tree/master/%E9%AB%98%E7%BA%A75/webpack

gulp是什么食侮?使用 gulp 實(shí)現(xiàn)圖片壓縮号涯、CSS 壓縮合并、JS 壓縮合并

開發(fā)一個(gè) node 命令行天氣應(yīng)用用于查詢用戶當(dāng)前所在城市的天氣效五,發(fā)布到 npm 上去地消。

npm install hunger-weather233

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市畏妖,隨后出現(xiàn)的幾起案子脉执,更是在濱河造成了極大的恐慌,老刑警劉巖戒劫,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件半夷,死亡現(xiàn)場離奇詭異,居然都是意外死亡迅细,警方通過查閱死者的電腦和手機(jī)巫橄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茵典,“玉大人湘换,你說我怎么就攤上這事⊥嘲ⅲ” “怎么了彩倚?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長扶平。 經(jīng)常有香客問我帆离,道長,這世上最難降的妖魔是什么结澄? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任哥谷,我火速辦了婚禮,結(jié)果婚禮上麻献,老公的妹妹穿的比我還像新娘呼巷。我一直安慰自己,他們只是感情好赎瑰,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著破镰,像睡著了一般餐曼。 火紅的嫁衣襯著肌膚如雪压储。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天源譬,我揣著相機(jī)與錄音集惋,去河邊找鬼。 笑死踩娘,一個(gè)胖子當(dāng)著我的面吹牛刮刑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播养渴,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼雷绢,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了理卑?” 一聲冷哼從身側(cè)響起翘紊,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎藐唠,沒想到半個(gè)月后帆疟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宇立,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年踪宠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片妈嘹。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡柳琢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蟋滴,到底是詐尸還是另有隱情染厅,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布津函,位于F島的核電站肖粮,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏尔苦。R本人自食惡果不足惜涩馆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望允坚。 院中可真熱鬧魂那,春花似錦、人聲如沸稠项。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽展运。三九已至活逆,卻和暖如春精刷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蔗候。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工怒允, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人锈遥。 一個(gè)月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓纫事,卻偏偏與公主長得像,于是被迫代替她去往敵國和親所灸。 傳聞我的和親對象是個(gè)殘疾皇子丽惶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容