1昆禽、如何全局安裝一個 node 應用?
npm install -g 應用名稱
2裳瘪、 package.json 有什么作用般眉？
package.json 存儲在項目的根目錄下辛蚊，內(nèi)部保存了項目的相關(guān)信息（名稱违孝、版本等）以及該項目的依賴信息（生產(chǎn)環(huán)境依賴个从、開發(fā)環(huán)境依賴）
{
"name": "webpack-demo", // 項目名稱
"version": "1.0.0", // 項目版本
"description": "", // 項目描述
"main": "index.js", // 項目入口
"keywords": [ // 項目關(guān)鍵字
"xxx",
"yyy"
],
"scripts": { // 自定義的npm腳本搔扁，除test和start兩條命令可以用npm xxx在命令行執(zhí)行之外其他的命令必須用npm run xxx執(zhí)行践啄，這個對象中的鍵值對鍵名代表npm腳本的命令赚哗，而值則代表實際執(zhí)行的命令她紫。
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "", // 項目作者
"license": "ISC", // 項目認證信息
"dependencies": { // 生產(chǎn)環(huán)境依賴，當安裝該項目時屿储，生產(chǎn)環(huán)境依賴也將同時安裝
},
"devDependencies": { // 開發(fā)環(huán)境依賴贿讹，這些依賴僅在開發(fā)時有效
}
}
3、npm install --save app 與 npm install --save-dev app有什么區(qū)別?
npm install --save app
將產(chǎn)品運行時（或生產(chǎn)環(huán)境）需要的依賴模塊添加到 package.json 的 dependencies 中够掠，在發(fā)布后還需要繼續(xù)使用民褂，否則就運行不了。
npm install --save-dev app
將產(chǎn)品運行時（或生產(chǎn)環(huán)境）需要的依賴模塊添加到 package.json 的 devDependencies 中疯潭，只在開發(fā)時才用到赊堪，發(fā)布后用不到它。當你把項目發(fā)布上線后袁勺，別人使用 npm install使用你的項目時雹食，并不會下載devDependencies里的模塊。
4期丰、node_modules的查找路徑是怎樣的?
從當前文件目錄開始查找node_modules目錄群叶；然后依次進入父目錄，查找父目錄下的node_modules目錄钝荡；依次迭代街立，直到根目錄下的node_modules目錄。
5埠通、npm3與 npm2相比有什么改進赎离？yarn和 npm 相比有什么優(yōu)勢?
npm3相比npm2主要改進了依賴管理方案
a)npm2安裝依賴的時候比較簡單直接，直接按照包的依賴的樹形結(jié)構(gòu)下載填充至本地目錄端辱，缺陷在于太深的目錄樹結(jié)構(gòu)會嚴重影響效率梁剔，甚至在window下可能會超出系統(tǒng)路徑限制的長度虽画，另外有刪node_modules目錄經(jīng)歷的可能都漫長的等待。
b)npm3 加了點算法荣病，npm install 時會按照 package.json 里依賴的順序依次解析码撰，遇到新的包就把它放在第一級目錄，后面如果遇到一級目錄已經(jīng)存在的包个盆，會先判斷版本脖岛，如果版本一樣則忽略，否則會按照 npm2 的方式依次掛在依賴包目錄下颊亮。
c)在包版本差異化不太嚴重的情況下柴梆，這種構(gòu)建方式會幾乎把所有包放在一級目錄下，很大程度下提升了效率以及節(jié)省了部分磁盤空間终惑。
yarn優(yōu)點在于只要通過Yarn安裝過的套件都會在本地目錄產(chǎn)生Cache绍在，也就是說只要安裝過一次，下次重新安裝都會從Cache重新讀取雹有， 安裝速度會提升很多揣苏。
6、webpack是什么件舵？和其他同類型工具比有什么優(yōu)勢
webpack是一款模塊加載器兼打包工具，它能把各種資源JS/CSS/圖片等都作為模塊來使用和處理脯厨。優(yōu)勢如下：
a)webpack 是以 commonJS 的形式來書寫腳本铅祸，但對 AMD/CMD 的支持也很全面，方便舊項目進行代碼遷移合武。
b)webpack可以將代碼拆分成多個區(qū)塊临梗，每個區(qū)塊包含一個或多個模塊，它們可以按需異步加載稼跳，極大地減少了頁面初次加載時間盟庞。
c)webpack 本身只能處理原生的 JS 模塊，但是 loader 轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成 JS 模塊汤善。這樣什猖，任何資源都可以成為 webpack 可以處理的模塊。
d)webpack 有一個智能解析器红淡，幾乎可以處理任何第三方庫不狮，無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件在旱。
e)webpack 還有一個功能豐富的插件系統(tǒng)摇零。大多數(shù)內(nèi)容功能都是基于這個插件系統(tǒng)運行的，還可以開發(fā)和使用開源的 webpack 插件桶蝎，來滿足各式各樣的需求驻仅。
f)webpack使用異步 I/O 和多級緩存提高運行效率谅畅，使得它能夠快速增量編譯。
7噪服、npm script是什么毡泻？如何使用？
npm script 是供 npm 使用的腳本命令芯咧，儲存于 package.json 內(nèi)的 scripts 字段內(nèi)
要使用 npm script 牙捉，只需執(zhí)行命令 npm run <command> 即可，部分 npm 內(nèi)置的關(guān)鍵字（如 start 敬飒、 test 等）可以省略 run
8邪铲、gulp是什么？使用 gulp 實現(xiàn)圖片壓縮无拗、CSS 壓縮合并带到、JS 壓縮合并
它是一款nodejs應用。是打造前端工作流的利器英染，打包揽惹、壓縮、合并四康、git搪搏、遠程操作.....
簡單易用,高質(zhì)量的插件
//安裝插件
npm install gulp-imagemin --save-dev //圖片壓縮
npm install gulp-cssnano --save-dev //css壓縮
npm install uglify --save-dev //js壓縮
npm install gulp-jshint --save-dev //js規(guī)范檢查
npm install gulp-concat --save-dev //文件合并
npm install gulp-rename --save-dev //重命名
//gulpfile.js
//引入插件
var gulp = require('gulp'),
cssnano = require('gulp-cssnano'),
concat = require('gulp-concat'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
//css合并壓縮
gulp.task('build:css', function() {
gulp.src('./src/css/*.css')
.pipe(concat('merge.css'))
.pipe(rename({
suffix: '.min'
}))
.pipe(cssnano())
.pipe(gulp.dest('dist/css/'));
})
//js合并壓縮
gulp.task('build:js', function() {
gulp.src('src/js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat('merge.js'))
.pipe(rename({
suffix: '.min'
}))
.pipe(uglify())
.pipe(gulp.dest('dist/js/'));
})
//圖片壓縮
gulp.task('build:image', function() {
gulp.src('src/imgs/*')
.pipe(imagemin())
.pipe(gulp.dest('dist/imgs/'));
})
gulp.task('build', ['build:css', 'build:js', 'build:image']);
//命令行
gulp build
