npm-npmscript-gulp-webpack

題目1: 如何全局安裝一個 node 應用?

   通過使用 npm install -g node應用

題目2: package.json 有什么作用?

   通過npm init命令行得到npm的配置文件钩乍,用來描述這個npm包的相關(guān)信息辞州。
   以下自己寫的包的信息:
     {
      "name": "clcweather",   //npm包的名字
      "version": "1.0.0",     //npm包的版本號 //注意:每一次進行npm包文件的改動,version都要進行改變寥粹。
      "description": "clc創(chuàng)建的天氣查詢包",    //npm包的描述
      "main": "index.js",    //入口文件
      "bin": {                    //快捷命令行变过。在git bash中就可以使用weatherc 進行
        "weatherc": "./index.js"  //同時在index.js的開頭 要加上(開頭不要有空格) #!/usr/bin/env node
      },
      "scripts": {     //快速啟動的 //注意:test和start直接通過npm test| start 使用
                       //別的字就就只能通過npm run xxx涝涤;
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "keywords": [   //關(guān)鍵字 //在npm官網(wǎng)中可以通過這個關(guān)鍵詞進行搜索
        "weather"
      ],
      "author": "komolei",  //作者
      "license": "ISC",   //資格
      "dependencies": {  //依賴 //因為在index.js中有用到下面的模塊。
        "axios": "^0.16.1",
        "jquery": "^3.2.1"
      }
  //  "devDependencies": {  //一般也會有這個的阔拳。用來測試的崭孤。并不讓用戶進行下載的。這個是用于生產(chǎn)者(開發(fā)者)
  //   "easytpl": "^1.0.4"     
  //   }
    }    //注意糊肠。在packjson.js文件中不要有注釋辨宠,要使用本配置,就要去掉所有的注釋

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

~~npm install --save app是本地下載安裝 ~~
npm install --save-dev app是本地下載安裝货裹。不過這個會在packjson.js中會生成devDenpendencies

--save 將產(chǎn)品運行時(或生產(chǎn)環(huán)境)需要的依賴模塊添加到 package.json 的 dependencies 中嗤形,在發(fā)布后還需要繼續(xù)使用,否則就運行不了弧圆。
--save-dev 將產(chǎn)品的開發(fā)環(huán)境需要的依賴模塊添加到 package.json 的 evDependencies 中,只在開發(fā)時才用到,發(fā)布后用不到它茬暇。

題目4: node_modules的查找路徑是怎樣的?

  逐級向上尋找,一直找到根目錄

題目5: npm3與 npm2相比有什么改進叶组?yarn和 npm 相比有什么優(yōu)勢? (選做題目)

題目6: webpack是什么?和其他同類型工具比有什么優(yōu)勢经伙?

webpack是一個為現(xiàn)代js應用進行打包的打包器。當webpack在處理我們的應用的時候勿锅,它會創(chuàng)建依賴來包含我們的應用所需要的模塊帕膜。然后這個包含我們所有模塊的包會一次性被瀏覽器所引用。

優(yōu)勢:

提供commonJS語法溢十。少了amd垮刹,cmd規(guī)范中的define(id?,[dependencies],factory)张弛,直接使用module.exports作為接口荒典,require()來獲取。

題目7:npm script是什么吞鸭?如何使用寺董?

    通過npm init來得到package.json文件,然后里面有script刻剥,這個就是npm script
     使用:{
      "name": "clcwebpack2",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "webpack",
        "komo": "echo xixi"    
      },
      "author": "komolei",
      "license": "ISC",
      "devDependencies": {
        "webpack": "^2.5.1"
      }
    }
  先在package.json文件中配置script遮咖,然后輸入命令行npm test(其有一些關(guān)鍵字,可以就直接這樣啟動命令)造虏,
  但是對于komo而言御吞。不是關(guān)鍵字,所以要通過npm run komo來啟動

題目8: 使用 webpack 替換 入門-任務15中模塊化使用的 requriejs

demo ##注意:要自己下載所有的demo才可以運行下載

題目9:gulp是什么漓藕?使用 gulp 實現(xiàn)圖片壓縮陶珠、CSS 壓縮合并、JS 壓縮合并

gulp是一款可以實現(xiàn)自動化的工具享钞,能幫助你在開發(fā)過程中自動完成任務揍诽。

  var gulp = require('gulp');
  var cssnano = require('gulp-cssnano');
  var concat = require("gulp-concat");
  var jshint = require("gulp-jshint"); //在npm中會出現(xiàn)問題。所以使用npm install --save-dev jshint 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"]);
  最后通過命令行:gulp栗竖,就可以直接打包弄好了寝姿。

題目10: 開發(fā)一個 node 命令行天氣應用用于查詢用戶當前所在城市的天氣,發(fā)布到 npm 上去划滋《可以通過如下方式安裝使用(可使用api.jirengu.com里提供的查詢天氣接口) (選做題目)

npm install hunger-weather -g
weather

做了,命令行:

npm install clcweather  -g
weatherc [城市名](可選)

也開發(fā)了一個翻譯的npm

npm install komoleifanyi -g
fanyi [英文單詞] //目前只支持中譯英处坪。

demo

求思路根资。怎么讓它讀出來架专, 我本來想調(diào)用百度語音的。但是發(fā)現(xiàn)并不能行玄帕。希望有人推薦一下部脚。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市裤纹,隨后出現(xiàn)的幾起案子委刘,更是在濱河造成了極大的恐慌,老刑警劉巖鹰椒,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件锡移,死亡現(xiàn)場離奇詭異,居然都是意外死亡漆际,警方通過查閱死者的電腦和手機淆珊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奸汇,“玉大人施符,你說我怎么就攤上這事±拚遥” “怎么了戳吝?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贯涎。 經(jīng)常有香客問我骨坑,道長,這世上最難降的妖魔是什么柬采? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任欢唾,我火速辦了婚禮,結(jié)果婚禮上粉捻,老公的妹妹穿的比我還像新娘礁遣。我一直安慰自己,他們只是感情好肩刃,可當我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布祟霍。 她就那樣靜靜地躺著,像睡著了一般盈包。 火紅的嫁衣襯著肌膚如雪沸呐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天呢燥,我揣著相機與錄音崭添,去河邊找鬼。 笑死叛氨,一個胖子當著我的面吹牛呼渣,可吹牛的內(nèi)容都是我干的棘伴。 我是一名探鬼主播,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼屁置,長吁一口氣:“原來是場噩夢啊……” “哼焊夸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蓝角,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤阱穗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后使鹅,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揪阶,經(jīng)...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年并徘,在試婚紗的時候發(fā)現(xiàn)自己被綠了遣钳。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扰魂。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡麦乞,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出劝评,到底是詐尸還是另有隱情姐直,我是刑警寧澤,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布蒋畜,位于F島的核電站声畏,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏姻成。R本人自食惡果不足惜插龄,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望科展。 院中可真熱鬧均牢,春花似錦、人聲如沸才睹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽琅攘。三九已至垮庐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間坞琴,已是汗流浹背哨查。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留剧辐,地道東北人解恰。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓锋八,卻偏偏與公主長得像,于是被迫代替她去往敵國和親护盈。 傳聞我的和親對象是個殘疾皇子挟纱,可洞房花燭夜當晚...
    茶點故事閱讀 43,492評論 2 348

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