每个项目的根目录下面，一般都有一个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" ] }
