码迷,mamicode.com
首页 > Web开发 > 详细

React package.json详解

时间:2019-07-05 12:46:25      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:运行脚本   bsp   指定   https   文件   grunt   pts   成员   解释   

下面是一个更完整的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详解

标签:运行脚本   bsp   指定   https   文件   grunt   pts   成员   解释   

原文地址:https://www.cnblogs.com/feng9exe/p/11137375.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!