package.json文件的配置详解

作者: OnlyCozj | 来源:发表于2017-07-28 23:51 被阅读141次

package.json 文件详解
package.json文件的配置详解
配置文件之package.json
react项目搭建初始化文件配置
package.json 详解
创建自己的打包工具
VUE学习之路三项目配置介绍
Tomcat的Server.xml配置文件详解
webpack Loader 相关配置
修改limit

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

创建和使用package.json文件

package.json文件可以手工编写，也可以使用npm init命令自动生成。

有了package.json文件，直接使用npm install命令，就会在当前目录中安装所需要的模块。
```
npm init
npm install
```

内容详情

{
  //必须，标识；不能包含node，js等关键字字段；将会是url的一部分
  //命令行的参数，目录名。所以不能以点号和下划线开头
  "name": "webpack-demo",
  //name和version组成的标识是唯一的，改变包的时候应该同时改变version
  "version": "1.0.0",
  //关键字 可选字段，方便npm search中查找
  "keywords": [ "test",  "cortex" ],
  //描述
  "description": "",
  //程序入口模块的id
  "main": "server.js",
  // 代码存放地址  可选字段
  "repository": "git://github.com/webpack-demo/demo.git",
  //普通licesnse可直接使用 你应该要指定一个许可证，让人知道使用的权利和限制的。
  //  如果你有更复杂的许可条件，或者想要提供给更多地细节，可以给一个URL:
  /* "licenses" : [
    { "type" : "MyLicense"
    , "url" : "http://github.com/demo/project/path/to/license"
    }
  ]
*/
  "license": "MIT",
     //当前包所依赖的其他包。即生产环境
  "dependencies": {
    "amazeui": "^2.7.2",
    "amazeui-react": "^1.2.3",
    "normalize.css": "^7.0.0",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-router": "^4.1.1",
    "react-router-dom": "^4.1.1"
  }
 // 外部测试或文档框架。即测试环境依赖
 //  如果只需要下载使用某些模块，而不下载这些模块的测试和文档框架，
 //  放在这个下面比较不错
  "devDependencies": {
    "babel-core": "^6.24.0",
    "babel-loader": "^6.4.1",
    "babel-plugin-react-transform": "^2.0.2",
    "babel-preset-es2015": "^6.24.0",
    "babel-preset-react": "^6.23.0",
    "css-loader": "^0.28.1",
    "file-loader": "^0.11.1",
    "html-webpack-plugin": "^2.28.0",
    "less": "^2.7.2",
    "less-loader": "^4.0.3",
    "open-browser-webpack-plugin": "0.0.5",
    "react-transform-hmr": "^1.0.4",
    "style-loader": "^0.17.0",
    "url-loader": "^0.5.8",
    "webpack": "^2.3.2",
    "webpack-dev-server": "^2.4.2",
    "webpack-hot-middleware": "^2.18.2"
  },
  //engines: 既可以指定node版本也可以指定npm版本
  "engines": {
    "node": ">=0.10.0"
  },
    //bin项用来指定各个内部命令对应的可执行文件的位置。
  "bin": {
     "someTool": "./bin/someTool.js"
  }
  /*
      scripts: {  
      start: './node_modules/someTool/someTool.js build'
    }

    // 简写为

    scripts: {  
      start: 'someTool build'
    }
  */
  //script 由脚本命令组成的hash对象在包不同生命周期运行
  // key 时生命周期事件，value时要运行的命令
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start_html":"webpack --config webpack.html.config.js",
    "start_es6":"webpack --config webpack.es6.config.js",
    "start_react":"webpack --config webpack.react.config.js",
    "start_todo":"webpack --config webpack.todo.config.js",
    "build":"webpack-dev-server --port 3000 --hot --inline",
    "build_es6":"webpack-dev-server --port 4000 --hot --inline --config webpack.es6.config.js",
    "build_todo":"webpack-dev-server --port 4000 --hot --inline --config webpack.todo.config.js"
  },
  //homepage:项目官网   可选字段
  "homepage": "http://github.com/panqianjin/hello"
  "author": {
    "name": "qianjin.pan",
    "email": "qinajin.pan@dianping.com"
  },
  //问题追踪系统的url或者邮箱 可选字段
  "bugs": {
    "url": "http://github.com/panqianjin/hello/issues"
  },
    //  指定你的包可以在哪些系统平台下运行
  "os": [ "darwin", "linux", "!win32" ],
//  可以指定包运行的cpu架构
  "cpu": [ "x64", "!arm" ]
}