//package.json
{
  "name": "hwfc",
  "version": "1.0.0",
  "description": "official website of HWFC",
  "author": "liveipool",
  //如果这个属性被设置为true，npm将拒绝发布它，这是为了防止一个私有模块被无意间发布出去。
  "private": true,
  // scripts指定了运行脚本命令的npm命令行缩写，比如npm run dev，就是node build/dev-server.js的简写。
  "scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js"
  },
  //dependenceies字段指定了项目运行时所依赖的模块
  "dependencies": {
    "vue": "^2.0.1"
  },
  //devDependencies指定项目开发时所需要的模块
  "devDependencies": {
    //css中自动添加兼容各浏览器的前缀
    "autoprefixer": "^6.4.0",
    //关于babel的都可以暂时理解为都是ES6的编译器或叫转换器,转为ES5
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-plugin-transform-runtime": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
    "babel-preset-stage-2": "^6.0.0",
    "babel-register": "^6.0.0",
    //Terminal string styling done right. Much color.用来使终端中的提示变得有色彩,增强用户体验.
    "chalk": "^1.1.3",
    //handle fallback for HTML5 history API.暂时没有直接用到,有空可以了解下.
    "connect-history-api-fallback": "^1.1.0",
    //配合style-loader、extract-text-webpack-plugin来使用,将所有样式代码提取到一个单独的css文件并通过<link>标签插入到html文件中.
    "css-loader": "^0.25.0",
    //polyfill是web开发中的一句黑话,它的准确意思是:用于实现浏览器并不支持的原生API的代码。
    //而这个插件是:A browser polyfill for W3C EventSource (http://www.w3.org/TR/eventsource/)
    //Provide polyfill to support EventSource in browser where it is not available.
    "eventsource-polyfill": "^0.9.6",
    //后端node.js框架
    "express": "^4.13.3",
    //配合style-loader、css-loader来使用,将所有样式代码提取到一个单独的css文件并通过<link>标签插入到html文件中.
    "extract-text-webpack-plugin": "^1.0.1",
    //file loader module for webpack,项目中还未直接用到
    "file-loader": "^0.9.0",
    //Implementation of Function.prototype.bind。项目中还未直接用到
    "function-bind": "^1.0.2",
    //用来生成index.html文件,并自动注入js的依赖到dist/index.html中body的尾部.
    "html-webpack-plugin": "^2.8.1",
    //Node.js proxying made simple. Configure proxy middleware with ease for connect, express, browser-sync and many more.
    "http-proxy-middleware": "^0.17.2",
    //用来解析json文件
    "json-loader": "^0.5.4",
    //Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass.
    //It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
    "node-sass": "^3.13.0",
    //A better node-open. Opens stuff like websites, files, executables. Cross-platform.
    //这个项目中用来在开发运行npm run dev时自动打开浏览器.
    "opn": "^4.0.2",
    //Elegant terminal spinner
    "ora": "^0.3.0",
    //The sass-loader requires node-sass and webpack as peerDependency. 
    "sass-loader": "^4.0.2",
    //The semantic version parser used by npm.用在check-version文件中.
    "semver": "^5.3.0",
    //ShellJS is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API.
    //在build.js中使用
    "shelljs": "^0.7.4",
    //解析图片或字体等
    "url-loader": "^0.5.7",
    //vue-loader可以将.vue文件转换为webpack包
    //因此经常通过vue + vue-loader + webpack来构建项目,它们融合得很好
    "vue-loader": "^9.4.0",
    //等同于style-loader,配合css-loader、extract-text-webpack-plugin来使用,将所有样式代码提取到一个单独的css文件并通过<link>标签插入到html文件中.
    "vue-style-loader": "^1.0.0",
    //当然要用
    "webpack": "^1.13.2",
    //下面两个包名字中有middleware,是因为它们是作为express中间件使用
    // a simple wrapper middleware for webpack. It serves the files emitted from webpack over a connect server.
    //对webpack一个简单的包装，它可以通过连接服务器服务那些从webpack发射出来的文件
    "webpack-dev-middleware": "^1.8.3",
    //只能配合webpack-dev-middleware使用,以实现更改后自动刷新页面(热替换)的中间件
    "webpack-hot-middleware": "^2.12.2",
    //webpack-merge provides a merge function that concatenates arrays and merges objects creating a new object. 
    "webpack-merge": "^0.14.1"
  },
  //engines字段指明的是项目所需的node.js版本范围
  "engines": {
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  }
  //此项目中没写，但经常可以看见的main字段，main字段指定了加载的入口文件。
  //意思是，如果我们的项目模块名为hwfc，那么其他人安装了这个模块并require（‘hwfc’）就可以使用这个模块。
  //而require返回的内容就是main属性指定的文件中 module.exports指向的对象。这个字段的默认值是模块根目录下的index.js.
}