題目1： 如何全局安裝一個 node 應用?
npm install -g xxx
//xxx為包名
如果下載速度比較慢，可以使用淘寶的鏡像
//先執行下面命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
//以后安裝就用 cnpm 代替 npm
cnpm install -g xxx
install可以縮寫成i
題目2： package.json 有什么作用？
命令行 npm init 可以初始化生成一個package.json
package.json 是一個 json 格式的文件，用來記錄當前的 npm 包的相關信息，如
-
name：包的名字 -
version：版本號 -
description：描述 -
main：包的入口文件 -
script： 運行腳本命令的npm命令行縮寫 -
author: 作者 -
license: 版權信息 -
dependencies：項目運行依賴，發布的時候，不需要發布依賴的包，只要發布其名字，別人下載的時候，會自動下載依賴的包。 -
devDependencies：開發依賴，只有自己本地開發時候用的依賴包，發布以后別人用不到。
{
"name": "packageName",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "cg",
"license": "ISC",
"dependencies": {},
"devDependencies": {}
}
題目3： npm install --save app 與 npm install --save-dev app有什么區別?
npm install --save app
項目運行依賴：安裝名為app的包，并在package.json中添加到dependencies項目運行依賴中去，發布以后別人會自動下載app依賴
npm install --save-dev app
開發依賴：安裝名為app的包，并在package.json中添加到devDependencies開發依賴中去，這個app包依賴只有開發者自己使用，發布后別人用不到
題目4： nodule_modules 的查找路徑是怎樣的?
從文件所在目錄下的 nodule_modules 開始，逐級向上查找，直到找到根目錄，如果還找不到，就會報錯。
查找路徑偽代碼
/e/饑人谷/senior/s5/webpack2-tutorial/node_modules
/e/饑人谷/senior/s5/node_modules
/e/饑人谷/senior/node_modules
/e/饑人谷/node_modules
/e/node_modules
/node_modules
題目5： npm3與 npm2相比有什么改進？yarn和 npm 相比有什么優勢? (選做題目)
npm2 把每個依賴的包放在自己的子目錄里
優點：目錄結構清楚
缺點：可能會有重復冗余的依賴包：如下面示意里 a1 ，重復下載了。
|- a //包
|- |- a1 //依賴
|- |- a2 //依賴
|
|- b //包
|- |- a1 //依賴
|- |- b2 //依賴
npm3 把每個依賴的包放同級目錄下，這樣就可以減少包的重復下載
|— a //包
|- a1 //依賴
|- a2 //依賴
|— b //包
|- b2 //依賴
- yarn和npm比較
- npm安裝不夠快，不夠穩定；npm安裝時運行代碼，存在安全問題。
- yarn使用yarn.lock(每當有模塊被安裝都一定會更新)來保證，不同機子安裝程序時的版本一致。
- yarn安裝速度比npm快。
題目6： webpack是什么？和其他同類型工具比有什么優勢？
webpack 是一款模塊加載器兼打包工具，它能把各種資源 JS、CSS、圖片等都作為模塊來使用和處理。
優勢：
- 用 commonJS 來書寫，對 AMD/CMD 支持也很全面，
- 方便其他模塊也兼容使用，擴展性強，插件機制完善，能被模塊化處理的資源多
- 開發便捷，能替代部分 grunt/gulp 的工作，比如打包，壓縮。
題目7： npm script 是什么？如何使用
npm script 是 package.json 里的一個屬性，可以自定義命令，用 npm run xxx來執行
（如果 xxx 是 test 、start，則不用加 run，因為這是 npm 內置的命令）
{
"name": "npm-demo",
"version": "1.0.0",
"description": "第一個npm demo",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"mkdir": "mkdir test",
"delete": "rm -r test"
},
"keywords": [
"npm-demo"
],
"author": "cg",
"license": "ISC",
"dependencies": {
"marked": "^0.3.6"
}
}
-
npm test就能輸出里面的echo \"Error: no test specified\" && exit 1 -
npm run mkdir創建了test文件夾 -
npm run mkdir刪除了test文件夾
題目8： 使用 webpack 替換 入門-任務15中模塊化使用的 requriejs
重點
webpack.config.js 配置文件
//webpack.config.js
module.exports = {
entry: './app.js',
output: {
path: __dirname,
filename: 'bundle.js'
}
}
app.js 入口文件
var $ = require("jquery")
var goTop = require("./js/com/gotop")
var carousel = require("./js/com/carousel")
var loadMore = require("./js/com/loadmore")
var lazy = require("./js/com/lazy")
var water = require("./js/com/waterfull")
new goTop($("body"))
carousel.init($(".carousel"))
loadMore.init($("#more"), $(".ct"))
lazy.init($(".ct img"))
$(".ct img").on("load", function(){
water.init($(".ct"))
})
