npm与webpack的使用

2017-06-23  本文已影响0人  Zzzoecho

题目1: 如何全局安装一个 node 应用?

npm install -g xxx 模块会安装在系统目录下, 以后不管在哪个目录都能调用xxx模块


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

package.json 是 CommonJS 规定的用来描述包的文件
一个典型的package.json文件如下:

//package.json
{
  //模块名称,是必需的属性.不能以"_"或"."开头, 不能有大写字母, 应简短而语义化
  "name" : "underscore",  
  //项目的版本号,必需
  "version" : "1.1.6",
  //项目描述 方便别人了解你的模块作用
  "description" : "JavaScript's functional programming helper library.",
  //项目主页地址
  "homepage" : "http://documentcloud.github.com/underscore/",
  //关键词, 方便别人搜索到你的模块
  "keywords" : ["util", "functional", "server", "client", "browser"],
  //作者
  "author" : "Jeremy Ashkenas <jeremy@documentcloud.org>",
  //项目的贡献者们
  "contributors" : [],
  //协议
  "license": "ISC",
  //模块所依赖的包
  "dependencies" : [],
  //开发或者测试时,依赖的包。
  "devDependencies" : {
            "my_test_framework": "^3.1.0"
   }
  //代码存放地址
  "repository" : {"type": "git", "url": "git://github.com/documentcloud/underscore.git"},
  //模块的入口文件
  "main" : "underscore.js",
  //指定了运行脚本命令的npm命令行缩写 例:npm run preinstall 就会运行echo here it comes!
  "scripts": {
      "preinstall": "echo here it comes!",
      "postinstall": "echo there it goes!",
      "start": "node index.js",
      "test": "tap test/*.js"
  },
  //指定各个内部命令对应的可执行文件的位置
  "bin": {
      "someTool": "./bin/someTool.js"
  }
  //填写一个bug提交地址或者邮箱
  "bugs" : { 
      "url" : "https://github.com/owner/project/issues"
  }
}

题目3: npm install --save app 与 npm install --save-dev app有什么区别?

区别:


题目4: node_modules的查找路径是怎样的?

先在当前./node_module下查找, 没有就往上一级查找, 直到根目录


题目5: npm3与 npm2相比有什么改进?yarn和 npm 相比有什么优势? (选做题目)

按照官方文档介绍,npm3处理模块依赖的方式跟npm2很不一样。

Yarn vs npm

题目6: webpack是什么?和其他同类型工具比有什么优势?

webpack是德国开发者 Tobias Koppers 开发的模块加载器, 在 Webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等.通过 webpack 的各种加载器,我们可以更高效地管理这些文件。

webpack较之其他类似工具有什么不同:


题目7:npm script是什么?如何使用?

npm 允许在package.json文件里面,使用scripts字段定义脚本命令, 它的每一个属性,对应一段脚本。

{
  //package.json
  "scripts": {
    "build": "node build.js"
  }
}

命令行下使用npm run命令,就可以执行这段脚本。

$ npm run build
# 等同于执行
$ node build.js

npm script有许多优点:


题目8: 使用 webpack 替换入门-任务15中模块化使用的 requriejs

代码
预览地址


题目9:gulp是什么?使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并

gulp是node.js的一个应用, 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务
代码地址


上一篇 下一篇

猜你喜欢

热点阅读