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

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

时间: 2024-11-08 22:04:24

React package.json详解的相关文章

npm中package.json详解

通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件.package.json文件会描述这个NPM包的所有相关信息,包括作者.简介.包依赖.构建等信息,格式是严格的JSON格式. 属性介绍 name name和version是package.json中最重要的两个字段,也是发布到NPM平台上的唯一标识,如果没有正确设置这两个字段,包就不能发布和被下载. version 包的版本号.如"1.0.0". description 包的描述信息,将

Package.json详解

引言 前端需要学习的东西真的挺多的,之前主要从事的是MVC框架,操作DOM,使用JQUERY比较多,不知到什么时候,发现现在前端MVVM是主流,不得不把之前的大部分东西丢掉,作为前端婴儿不断前行. 所以以后的文章,可能开始都比较基础,希望大拿不要见笑,若有不对的地方,希望指正,我也会不断修正迭代. 在学习MVVM(react和vue)的时候,开始就是会找iview,element,ant-pro等现成的东西,去改.CLI直接安装,也没有想去学习webpack.现在看更早一点的自己,真的是傻的可爱

(译)package.json详解

原文链接 概述 本文囊括了所有package.json文件中你需要知道的细节.注意package.json必须是纯JSON的,而不仅仅是一个JavaScript对象字面量.该文件描述的很多行为都受npm-config中的配置影响. 下面分别介绍package.json中各个字段的含义和用法. name name和version字段是package.json文件中最重要的字段.这是必须的字段,如果你的npm包没有指定这两个字段,将无法被安装.name和version字段被假定组合成一个唯一的标识符

问题:JsonConvert;结果:JSON详解

JSON详解 JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式.XML也是一种数据交换格式,为什么没 有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据 多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据.这篇文章主要从以下几

JSON详解+ C# String.Format格式说明+ C# ListView用法详解 很完整

JSON详解 C# String.Format格式说明 C# ListView用法详解 很完整

jQuery解析json详解

jQuery解析Json详解:http://www.cnblogs.com/madyina/p/3448518.html JSON简介及用法:http://bbs.html5cn.org/thread-87020-1-1.html 不建议使用eval()函数,因为eval()接受任意的字符串,并当作JavaScript代码来处理,这个机制已经有安全隐患了 var str='{ "name": "John" }'; var obj = eval  ('(' + str

vue和react全面对比(详解)

vue和react对比(详解) 放两张图镇压小妖怪 本文先讲共同之处, 再分析区别 大纲在此: 共同点: a.都使用虚拟dom b.提供了响应式和组件化的视图组件 c.注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. 区别: a.优化 b.HTML&CSS c.构建工具 d.数据绑定 e.状态管理 f.路由 g.渲染性能 h.数据更新 i.开发模式及规模 j.使用场景 k.服务器端渲染(SSR) l.扩展(高阶组件和mixin) 1.都使用虚拟DOM vue:Vue在2.0

React:react-router-dom 详解

使用react构建单页面应用: 实现方法:(1)react-router (2)react-router-dom react-router: 实现了路由的核心功能,而react-router-dom依赖react-router, react-router-dom: 基于react-router,加入了在浏览器运行环境下的一些功能: Link组件,会渲染一个a标签: BrowserRouter组件,使用pushState和popState事件构建路由: HashRouter组件,使用window.

Android Gson解析json详解

目前解析json有三种工具:org.json(Java常用的解析),fastjson(阿里巴巴工程师开发的),Gson(Google官网出的),解析速度最快的是Gson,下载地址:https://code.google.com/p/google-gson/ 什么是JSON: JSON即JavaScript Object Natation, 它是一种轻量级的数据交换格式, 与XML一样, 是广泛被采用的客户端和服务端交互的解决方案. JSON对象: JSON中对象(Object)以"{"