題目1： 如何全局安裝一個(gè) node 應(yīng)用?
npm install -g xxx表示全局安裝一個(gè)node包叮阅。
題目2： package.json 有什么作用浩姥？
package.json 是一個(gè) json 格式的文件，用來(lái)記錄當(dāng)前的 npm 包的相關(guān)信息勒叠，如
{
"name" : "underscore",//包的名字
"version" : "1.1.6",//版本號(hào)
"description" : "programming library.",//描述
"homepage" : "",//主頁(yè)
"keywords" : [ "browser"],//關(guān)鍵詞
"author" : "Jeremy ",//作者
"license" : 版權(quán)信息
"dependencies" : [],//項(xiàng)目運(yùn)行依賴眯分，發(fā)布的時(shí)候，不需要發(fā)布依賴的包噪舀，只要發(fā)布其名字，別人下載的時(shí)候先改，會(huì)自動(dòng)下載依賴的包蒸走。
"devDependencies"：[],//開(kāi)發(fā)依賴比驻，只有自己本地開(kāi)發(fā)時(shí)候用的依賴包岛抄，發(fā)布以后別人用不到
"main" : "underscore.js",//包的入口文件
"script：" {} // 運(yùn)行腳本命令的npm命令行縮寫(xiě)
}
題目3： npm install --save app 與 npm install --save-dev app有什么區(qū)別?
-
npm install --save app
項(xiàng)目運(yùn)行依賴：安裝名為 app 的包，并在 package.json 中添加到 dependencies 項(xiàng)目運(yùn)行依賴中去掸掸，發(fā)布以后別人會(huì)自動(dòng)下載 app 依賴 -
npm install --save-dev app
開(kāi)發(fā)依賴：安裝名為 app 的包蹭秋，并在 package.json 中添加到 devDependencies 開(kāi)發(fā)依賴中去，這個(gè) app 包依賴只有開(kāi)發(fā)者自己使用羽莺，發(fā)布后別人用不到
題目4： node_modules的查找路徑是怎樣的?
從文件所在目錄下的 nodule_modules 開(kāi)始洞豁，逐級(jí)向上查找，直到找到根目錄刁卜，如果還找不到曙咽，就會(huì)報(bào)錯(cuò)。
題目6： webpack是什么夺脾？和其他同類型工具比有什么優(yōu)勢(shì)茉继？
webpack 是一款模塊加載器兼打包工具，它能把各種資源 JS菲茬、CSS、圖片等都作為模塊來(lái)使用和處理睬魂。
優(yōu)勢(shì)：
- 用 commonJS 來(lái)書(shū)寫(xiě)镀赌，對(duì) AMD/CMD 支持也很全面，
- 方便其他模塊也兼容使用喉钢，擴(kuò)展性強(qiáng)良姆，插件機(jī)制完善，能被模塊化處理的資源多
- 開(kāi)發(fā)便捷税课，能替代部分 grunt/gulp 的工作痊剖，比如打包，壓縮啸如。
題目7：npm script是什么氮惯？如何使用？
npm script 是 package.json 里的一個(gè)屬性帘不，可以自定義命令杨箭，用 npm run xxx來(lái)執(zhí)行
（如果 xxx 是 test 、start捣郊，則不用加 run慈参，因?yàn)檫@是 npm 內(nèi)置的命令）
例如：
"scripts": {
"test":"mkdir abc"
"start": "touch def.html",
"delete": "rm -r def.html"
}
終端里運(yùn)行 npm test 就會(huì)創(chuàng)建abc文件夾
npm start 就會(huì)創(chuàng)建def.html文件
npm run delete 會(huì)刪除def.html文件
題目8： 使用 webpack 替換 入門(mén)-任務(wù)15中模塊化使用的 requriejs
題目9：gulp是什么？使用 gulp 實(shí)現(xiàn)圖片壓縮娘扩、CSS 壓縮合并、JS 壓縮合并
gulp是一款可以實(shí)現(xiàn)自動(dòng)化的工具琐旁，能幫助你在開(kāi)發(fā)過(guò)程中自動(dòng)完成任務(wù)。
var gulp = require('gulp');
var cssnano = require('gulp-cssnano');
var concat = require("gulp-concat");
var jshint = require("gulp-jshint");
var clean = require('gulp-clean');
var imagemin = require("gulp-imagemin");
var uglify = require("gulp-uglify");
var htmlmin = require("gulp-htmlmin");
// var browse = require("browser-sync");
// var sequence = require("run-sequence");
gulp.task("css", function () {
return gulp.src("./src/image/*.css")
.pipe(concat("index1.css"))
.pipe(cssnano())
.pipe(gulp.dest("./src/dest"))
})
gulp.task("js", function () {
gulp.src("./src/app/*.js")
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat("index1.js"))
.pipe(uglify())
.pipe(gulp.dest("./src/dest/"))
})
gulp.task("html", function () {
return gulp.src("./*.html")
.pipe(htmlmin({
collapseWhitespace: true
}))
// .pipe(htmlmin("index.html"))
.pipe(gulp.dest("./src/dest"))
})
gulp.task("img", function() {
return gulp.src("./src/image/*")
.pipe(imagemin({optimizationLevel:5}))
// .pipe(concat())
.pipe(gulp.dest('./src/dest/img'))
})
gulp.task("default", ["js", "css","img", "html"]);
