npm-npmscript-gulp-webpack

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

npm install -g 你需要的应用

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

作用：
1.相当于你本地项目的一个文档说明。
2.允许你指定你项目中所使用的node包的版本。
3.构建你的项目更加容易，便于给其他人共享。
（可以通过npm init来新创建）

{
        "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"  //项目主页、 发布才有用

    }

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

• 表面上区别在于， --save会把依赖的包添加到package.json文件中的dependencies 键下，
  --save-dev （-D）则添加到 package.json 文件 devDependencies 键下

• devDependencies下列出的模块是我们开发时候需要用到的，别人使用的时候只要 npm install 一下就可以。。

• 而dependencies下的模块是我们开发必须要用到的，这时候你就要需要自己手动去全局下载。

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

• 先从本地目录找，找不到去上一级目录找，再找不到再去上一级目录找，一直找到系统根目录。 所以全局安装的包，可以在全局下使用。

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

• webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成bundle - 通常只有一个，由浏览器加载。

• webpack是以commonJS的形式来书写脚本，但对AMD/CMD的支持也很全面

• webpack可以将代码拆分为多个区块，每个区块包含一个或多个模块，它们可以按需异步加载，极大地减少了页面初次加载时间

• webpack本身只能处理原生JS模块，但是loader转换器可以将各种类型的资源转换成JS模块。这样，任何资源都可以成为webpack可以处理的模块

• webpack有一个智能解析器，几乎可以处理任何第三方库，无论它们的模块形式是commonJS,AMD还是普通的JS文件。

• webpack还有一个功能丰富的插件系统。大多数内容功能都是基于这个插件系统运行的，还可以开发和使用开源的webpack插件，来满足各种各样的需求。

• webpack使用异步I/O和多级缓存提高运行效率，使得它能够快速增量编译

题目7：npm script是什么？如何使用？

• npm script 是package.json的一个属性，可以在scripts里面定义一些脚本命令

• 除了npm可以直接执行的以外（例如：npm start，npm test），其余的都要通过npm run xxx

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

代码预览
效果预览.

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

• 它是一款nodejs应用。
• 它是打造前端工作流的利器，打包、压缩、合并、git、远程操作.....
• 简单易用
• 高质量的插件

已经打包好一个