高级5-npm、webpack

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

npm install -g xxx,模块将会安装在电脑的全局目录中，安装的模块能够在所有目录下使用。

题目2： package.json 有什么作用？

作用：

1. 相当于你本地项目的一个文档说明。
2. 允许你指定你项目中所使用的node包的版本。
3. 构建你的项目更加容易，便于给其他人共享。

一个典型的package.json文件如下所示。

    {        "name": "my_package",     //你的项目名称，全部小写，不能有空格，一个单词，允许-和_. 如果是要发布自己的node插件，一般用github上面项目名称。 下次有机会说明 npm 上面的发布流程。        "version": "1.0.0",  //你的项目版本号，最好遵守 GNU 版本号管理。         "main": "index.js", //目录中启动文件名称。或者称之为入口文件，一般都是 index.js        "scripts": {            "test": "echo \"Error: no test specified\" && exit 1"    //一般默认一个test的空文件夹、用作写测试代码。        },        "keywords": [],  //项目的关键词。 一般用不到，发布npm才用得到。        "author": "ag_dubs", //作者名称        "license": "ISC", //协议         "repository": {  // 用来存放到 版本管理远程服务。 发布npm才有用            "type": "git",            "url": "https://github.com/ashleygwilliams/my_package.git"        },        "dependencies": {   // 正式使用时，依赖的包            "my_dep": "^1.0.0"        },        "devDependencies" : {//开发或者测试时，依赖的包。            "my_test_framework": "^3.1.0"        }        "bugs": {  //同repository            "url": "https://github.com/ashleygwilliams/my_package/issues"        },        "homepage": "https://github.com/ashleygwilliams/my_package"  //项目主页、 发布才有用    }

一般情况，如果是自己的项目，特别是前端的人，会使用到gulp或者grunt来打包自己的项目，并且一般不会吧node_modules上传到git上面，所以需要package来管理自己打包所需的插件，以便于项目中其他人员共享，这个文件的好处就是一个人添加某个插件后，更改了这个文件，其他人员只需要同步此文件，然后执行npm install命令，即可安装同样的包。

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

• 他们表面上的区别是–save 会把依赖包名称添加到 package.json 文件 dependencies 键下，–save-dev 则添加到 package.json 文件 devDependencies 键下
• 它们真正的区别是，devDependencies 下列出的模块，是我们开发时用的；dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们，否则就运行不了。

题目4： nodule_modules的查找路径是怎样的?

node_module查找依赖的路线是：先从本地目录下寻找，不存在就依次向上级目录中查询，直到系统根目录。node全局安装在系统根目录下，所以全局安装后可在所有目录下使用。

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

• 预览 (瀑布流图片区采用mock数据，本地测试成功，效果分析见下图)
• 源码地址
  

原著是一个有趣的人,若有侵权,请通知删除