React package.json详解

Posted feng9exe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React package.json详解相关的知识,希望对你有一定的参考价值。

下面是一个更完整的package.json文件。

    "name": "Hello World",

    "version": "0.0.1",

    "scripts":

        "start": "node index.js"

    ,

    "dependencies":

        "express": "latest",

        "mongoose": "~3.8.3",

        "handlebars-runtime": "~1.0.12",

        "express3-handlebars": "~0.5.0",

        "MD5": "~1.2.0"

    ,

    "devDependencies":

        "bower": "~1.2.8",

        "grunt": "~0.4.1",

        "grunt-contrib-concat": "~0.3.0",

        "grunt-contrib-jshint": "~0.7.2",

        "grunt-contrib-uglify": "~0.2.7",

        "grunt-contrib-clean": "~0.5.0",

        "browserify": "2.36.1",

        "grunt-browserify": "~1.3.0",

    

 

下面详细解释package.json文件的各个字段。

scripts字段

scripts指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。

下面的设置指定了npm run preinstallnpm run postinstallnpm run startnpm run test时,所要执行的命令。

"scripts":

    "preinstall": "echo here it comes!",

    "postinstall": "echo there it goes!",

    "start": "node index.js",

    "test": "tap test/*.js"

dependencies字段,devDependencies字段

dependencies字段指定了项目运行所依赖的模块,devDependencies指定项目开发所需要的模块。

它们都指向一个对象。该对象的各个成员,分别由模块名和对应的版本要求组成,表示依赖的模块及其版本范围。

  "devDependencies":

    "browserify": "~13.0.0",

    "karma-browserify": "~5.0.1"

  

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

$ npm init

这个命令采用互动方式,要求用户回答一些问题,然后在当前目录生成一个基本的package.json文件。所有问题之中,只有项目名称(name)和项目版本(version)是必填的,其他都是选填的。

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

$ npm install

如果一个模块不在package.json文件之中,可以单独安装这个模块,并使用相应的参数,将其写入package.json文件之中。

$ npm install express --save

$ npm install express --save-dev

上面代码表示单独安装express模块,--save参数表示将该模块写入dependencies属性,--save-dev表示将该模块写入devDependencies属性。

 

https://www.cnblogs.com/zhangmingcheng/p/7119740.html

 

以上是关于React package.json详解的主要内容,如果未能解决你的问题,请参考以下文章

如何将`yarn.lock`与`package.json`同步?

json React:示例package.json

json package.json REACT

如何自动升级 package.json 或 react 库?

如何从 node_modules 文件夹添加 package.json 依赖项?

Yarn Workspaces 和 Browserify - 子文件夹中的 package.json 会破坏构建