npm-npmscript-gulp-webpack

1.如何全局安裝一個 node 應用?

npm install -g kuma-weather

2.package.json 有什么作用?

  • npm init 會在當前目錄下生成package.json的文件
  • package.json用于配置模塊包的基本信息、依賴管理、使用方式、可執行文件地址、主程序入口等。
"main": "index.js"

main字段指定了加載的入口文件,require('moduleName')就會加載這個文件。這個字段的默認值是模塊根目錄下面的index.js。

"bin": {
    "weather": "./index.js"
  }

bin參數是{ 命令名:文件名 }的格式,bin即代表二進制。bin參數指定了各個內部命令對應的可執行文件的位置,相當于在/user/local/bin下創建了內部命令的快捷方式。執行weather相當于加載index.js。index.js文件的頭部要寫上#!/usr/bin/env node, 表示以node運行這個二進制文件

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "git add .; git commit -am 'update'; git push",
    "creatfile": "touch 1.js",
    "delete": "rm -rf 1.js"
  }

可將開發中一系列復雜或者繁瑣的操作一次編輯完并給其指定一個代號(keyName),在執行環境下只要直接輸入對應的 npm run keyName即可批處理執行,提高開發效率。

3.npm install --save app 與 npm install --save-dev app有什么區別?

  • npm install -save xxx會將依賴xxx模塊安裝在局部,同時將xxx保存到package.json中的dependencies字段中。在package.json文件夾下執行npm install時會自動下載這些項目依賴。
  • npm install -save-dev xxx會將依賴xxx安裝在局部,同時將xxx保存到package.json中的devDependencies字段中。通過npm install命令不會自動下載這些依賴,必須通過手動下載。

4.nodule_modules的查找路徑是怎樣的?

  1. require的內容以./或者../開頭的按照正常的查找路徑。
  1. require內容不加./或者../查找的js文件(非核心模塊)。先從當前目錄下的nodule_modules查找,不存在就依次向上遞歸查找,到上級目錄的nodule_modules中查找,直到系統根目錄。

5.npm3與 npm2相比有什么改進?yarn和 npm 相比有什么優勢? (選做題目)

  • npm3在npm2簡單直接安裝依賴包(樹形結構下載)的基礎上加了些算法。它會按照package.json里的依賴順序依次解析,遇到新的包就把它放在第一級目錄,后面如果遇到一級目錄已存在的包則先判斷版本,版本一致則忽略,否則按照npm2的方式依次掛在依賴包目錄下。
  • yarn的優勢:
  • 多平臺精準校準,只要將yarn.lock保存到源碼庫,任何地方安裝,版本都不會出現偏差。
  • 速度快,節約時間。
  • 支持clean命令,可以快速清理包文件。
  • 一個單獨的請求不會導致整個安裝失敗,可以反復重試直到鏈接恢復正常。

6.webpack是什么?和其他同類型工具比有什么優勢?

  • Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔,等到實際需要的時候再異步加載。通過 loader 的轉換,任何形式的資源都可以視作模塊,比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。
  • 優勢:
  • 對 CommonJS 、 AMD 、ES6的語法做了兼容
  • 對js、css、圖片等資源文件都支持打包
  • 串聯式模塊加載器以及插件機制,讓其具有更好的靈活性和擴展性,例如提供對CoffeeScript、ES6的支持
  • 有獨立的配置文件webpack.config.js
  • 可以將代碼切割成不同的chunk,實現按需加載,降低了初始化時間
  • 支持 SourceUrls 和 SourceMaps,易于調試
  • 具有強大的Plugin接口,大多是內部插件,使用起來比較靈活
  • webpack 使用異步 IO 并具有多級緩存。這使得 webpack 很快且在增量編譯上更加快

7.npm script是什么?如何使用?

"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"start": "git add .; git commit -am 'update'; git push",
"creatfile": "touch 1.js",
"delete": "rm -rf 1.js"
}

可將開發中一系列復雜或者繁瑣的操作一次編輯完并給其指定一個代號(keyName),在執行環境下只要直接輸入對應的 npm run keyName即可批處理執行,提高開發效率。

### 8.使用 webpack 替換 入門-任務15中模塊化使用的 requriejs
[效果](https://kumabearplus.github.io/27/)
[代碼](https://github.com/kumabearplus/27)
### 9.gulp是什么?使用 gulp 實現圖片壓縮、CSS 壓縮合并、JS 壓縮合并
> gulp是一種開源自動化構建工具,基于node.js構建,API易于學習,插件質量高

[效果](https://kumabearplus.github.io/28/)
[代碼](https://github.com/kumabearplus/28)
### 10.開發一個 node 命令行天氣應用用于查詢用戶當前所在城市的天氣,發布到 npm 上去。可以通過如下方式安裝使用(可使用api.jirengu.com里提供的查詢天氣接口) (選做題目)
安裝:

npm install -g kuma-weather

運行:

weather city
// city is optional


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,533評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,055評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,365評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,561評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,346評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,889評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,978評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,118評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,637評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,558評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,739評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,246評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,980評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,619評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,347評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,702評論 2 370

推薦閱讀更多精彩內容