美文网首页
npm_npmscript_webpack_node应用

npm_npmscript_webpack_node应用

作者: ahong_吴 | 来源:发表于2017-02-27 06:54 被阅读58次
1: 如何全局安装一个 node 应用?
  • npm install xxx 本地安装
  • npm install -g xxx 全局安装
  • 区别
  • 本地安装,则是将模块下载到当前命令行所在目录。
  • 全局安装,模块将被下载安装到全局目录中,即Node的安装目录下的node_modules下
  • 在代码中,本地安装可以直接通过require()的方式引入;var moduleName = require('moduleName');
  • 全局的安装是供命令行(command line)使用的,比如grunt,全局安装的方式是没有办法用require调用包的;
2: package.json 有什么作用?

每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。

  • package.json文件中的字段说明:
  • scripts指定了运行脚本命令的npm命令行缩写
"scripts": {
    "preinstall": "echo here it comes!",
    "postinstall": "echo there it goes!",
    "start": "node index.js",
    "test": "tap test/*.js"
}
  • dependencies字段指定了项目运行所依赖的模块,devDependencies指定项目开发环境所需要的模块。
{
      "devDependencies": {
        "browserify": "~13.0.0",//模版名+版本 
        "karma-browserify": "~5.0.1"
      }
}
  • bin项用来指定各个内部命令对应的可执行文件的位置。
"bin": {
  "someTool": "./bin/someTool.js"
}
  • main字段指定了加载的入口文件,require('moduleName')就会加载这个文件。这个字段的默认值是模块根目录下面的index.js。
  • name:项目名称
  • version:版本
  • description:描述说明
  • keywords:关键字
    ......
3: npm install --save app 与 npm install --save-dev app有什么区别?
npm install --save app
npm install --save-dev app

上面代码表示单独安装app模块,--save参数表示将该模块写入dependencies属性,--save-dev表示将该模块写入devDependencies属性。

4: nodule_modules的查找路径是怎样的?

比如需要查找的依赖包叫“easytpl”,它会先在当前目录下查找node_module, 看有没有easytpl文件夹(即easytpl包),如果有的话,会读取easytpl文件夹下的package.json,找到里面的main参数,加载main里对应的路径的文件。如果当前目录下没有node_module,或当前目录下的node_module没找到easytpl,便向上级目录中查询,直到系统根目录。

5: npm3与 npm2相比有什么改进?yarn和 npm 相比有什么优势? (选做题目)
  • npm3与 npm2
  • npm2是纯粹的不共享包的原则。
  • npm是node.js的包依赖管理工具,不过有时时侯项目依赖过多,造成路径过深,超过了操作系统的文件深度限制。NPM3对此做了很大改进。简单的来说将传统的嵌套结构改为了平铺结构。
模块C,它依赖了一个不同版本的依赖模块B.png
  • yarn
  • 极致的快速—会缓存已经下载过的包,避免重复下载
  • 安全 — 下载前会检查签名及包的完整性
6: 使用 webpack 替换 入门-任务15中模块化使用的 requriejs

新浪云预览地址

7: 开发一个 node 命令行天气应用用于查询用户当前所在城市的天气,发布到 npm 上去。可以通过如下方式安装使用(可使用api.jirengu.com里提供的查询天气接口) (选做题目)

github代码地址

Paste_Image.png

相关文章

  • npm_npmscript_webpack_node应用

    1. 如何全局安装一个 node 应用? 每个模块可以“全局安装”,也可以“本地安装”。“全局安装”指的是将一个模...

  • npm_npmscript_webpack_node应用

    题目1: 如何全局安装一个 node 应用? Node.js 是一个基于 Chrome V8 引擎的 JavaSc...

  • npm_npmscript_webpack_node应用

    1: 如何全局安装一个 node 应用? npm install xxx 本地安装 npm install -g ...

  • npm_npmscript_webpack_node应用

    1.如何全局安装一个 node 应用? 每个模块可以“全局安装”,也可以“本地安装”。“全局安装”指的是将一个模块...

  • 高级任务5(npm_npmscript_webpack_node

    题目1: 如何全局安装一个 node 应用? Node模块采用npm install命令安装。 每个模块可以“全局...

  • 应用

    【应用】 $应用$ 【应用名称】王者荣耀【应用名称】 【应用介绍】5v5对战手游【应用介绍】 $应用$ 【应用名称...

  • Day17 - Flutter - 应用信息配置

    概述 应用标识 应用名称 应用图标 应用启动图 一、应用标识 1.1. Android应用标识Android应用标...

  • 程序员必须掌握的英语单词

    application 应用程式 应用、应用程序application framework 应用程式框架、应用框架...

  • 程序员600词

    application 应用程式 应用、应用程序application framework 应用程式框架、应用框架...

  • 2018-12-01

    application 应用程式 应用、应用程序 application framework 应用程式框架、应用框...

网友评论

      本文标题:npm_npmscript_webpack_node应用

      本文链接:https://www.haomeiwen.com/subject/oglywttx.html