Javascript模块化开发1——package.json详解
一、环境安装
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。
在该页面你可以根据不同平台系统选择你需要的 Node.js 安装包。
Node.js里面集成了npm,npm是一种包管理工具,允许用户从NPM服务器下载别人编写的包或命令行程序并分享自己编写的包或命令行程序。
二、创建模块
输入命令npm init后根据提示输入相关信息,如名称,描述,版本等,将会创建一个初始的package.json。
接着可以编辑相关属性来定义该模块,大多数的属性都很直观,下面只挑几个进行说明:
1.name
项目/模块名称。
命名规范如下:
- 名称可以前缀scope标识,如@myorg/mypackage。
- 名字也将作为require()命令的参数,所以应该尽量简明,长度必须小于等于214个字符。
- 名字将会被作为url的一部分,所有要符合http url的一般命名规则,不能包含url非法字符,也不能以"."(点)或者"_"(下划线)开头。
- 不能包含大写字母。
- 名字里不要再包含"js"和"node",且不要用和核心Node模块相同的名字。
- 如果包要发布到NPM平台上的话,最好先访问https://www.npmjs.com/检查下有没有重名。
2.repository
用于指示代码存放的位置。
"repository": {
"type": "git",
"url": "https://github.com/***.git"
}
"repository": {
"type": "svn",
"url": "https://***"
}
3.private
设为true这个包将不会发布到NPM平台下。如果不设置repository,则应该设置private为true。
4.files
包所包含的所有文件,可以取值为文件夹。
通常我们还是用.npmignore来去除不想包含到包里的文件。
不管如何设置,有些文件会永远都包含在包里:
package.json
README
CHANGES / CHANGELOG / HISTORY
LICENSE / LICENCE
NOTICE
main里包含的文件
不管如何设置,有些文件会永远都不能包含在包里:
.git
CVS
.svn
.hg
.lock-wscript
.wafpickle-N
..swp
.DS_Store
._
npm-debug.log
.npmrc
node_modules
config.gypi
*.orig
package-lock.json
5.main
main字段指定了加载的入口文件,require('moduleName')就会加载这个文件。这个字段的默认值是模块根目录下面的index.js。
6.browser
定义 npm 包在 browser 环境下的入口文件
7.Bin
bin项用来指定各个内部命令对应的可执行文件的位置。很多的包都会有执行文件需要安装到PATH中去。
这个字段对应的是一个Map,每个元素对应一个{ 命令名:文件名 },例如:
"bin" : {
"myapp" : "./cli.js"
}
在安装第三方带有bin字段的npm,那可执行文件会被链接到当前项目的./node_modules/.bin中
可通过命令行node node_modules/.bin/myapp执行相关js文件
8.config
可以用来添加命令行的环境变量,例如:
{
"name" : "test",
"config" : { "msg" : "hello" },
"scripts" : { "start" : "node index.js" }
}
在 index.js 中,我们可以直接使用该环境变量:
console.log(process.env.npm_package_config_msg);
9.dependencies
指定运行时依赖的包。
10.devDependencies
指定开发时依赖的包。
11.peerDependencies
如果你的包是插件,而用户在使用你的包时候,通常也会需要这些依赖(插件),那么可以将依赖列到这里。
12.bundledDependencies
绑定的依赖包,发布的时候这些绑定包也会被一同发布。
13.optionalDependencies
可选的依赖,即使这些依赖没有,也可以正常安装使用。
14.scripts
定义可被npm run command执行的所有命令,可以通过输入npm run查看所有的命令列表。
比如下面定义了运行 npm run start和npm run stop时,所要执行的命令。在cmd下输入命令npm run start相当于输入命令node start.js"
"scripts": {
"start": "node start.js",
"stop": "node stop.js",
}
scripts命令具有以下特性:
- 执行npm run command时,会先安装devDependencies中所定义的依赖的包,再运行command所定义的命令。
例如:
"scripts": {
"build": "npm install && grunt"
}
运行npm run build会先安装devDependencies中定义的一些模块,然后再运行npm install和grunt。
- 支持生命周期钩子
npm支持pre- 和 post-两种钩子,前者是在脚本运行前,后者是在脚本运行后执行。所有的命令脚本都可以使用钩子(包括自定义的脚本)。
比如运行npm run build,会按以下顺序执行:
npm run prebuild -> npm run build -> npm run postbuild - npm提供了一些针对当前包的内置命令,并设置相关的默认行为。这些默认行为可以在scripts中改写其行为。
相关的内置命令有:
npm start: npm run start的简写,如果不在script中配置start,那么npm start默认执行node server.js
npm stop: npm run stop的简写,执行自定义stop脚本,没有默认行为。
npm restart: npm run stop&&npm run restart&&npm run start的简写。
npm test ,npm run test的简写,执行自定义test脚本,没有默认行为。
Javascript模块化开发1——package.json详解的更多相关文章
- Javascript模块化开发2——Gruntfile.js详解
一.grunt模块简介 grunt插件,是一种npm环境下的自动化工具.对于需要反复重复的任务,例如压缩.编译.单元测试.linting等,自动化工具可以减轻你的劳动,简化你的工作.grunt模块根据 ...
- (译)package.json详解
原文链接 概述 本文囊括了所有package.json文件中你需要知道的细节.注意package.json必须是纯JSON的,而不仅仅是一个JavaScript对象字面量.该文件描述的很多行为都受np ...
- VSCode插件开发全攻略(三)package.json详解
更多文章请戳VSCode插件开发全攻略系列目录导航. package.json 在详细介绍vscode插件开发细节之前,这里我们先详细介绍一下vscode插件的package.json写法,但是建议先 ...
- React package.json详解
概述: 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据).npm install命令根据这个配置文件 ...
- package.json详解
1.概念 Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.json 亦即:模块的描述文件 = package.j ...
- package.json详解以及package-lock.json的作用
一.创建 package.json输入如下命令之后,会要求填写基本的配置信息,这里,我们选择一路回车即可,待生成 package.json 文件之后,再来配置. npm init 二.配置 packa ...
- npm中package.json详解
通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件.package.json文件会描述这个NPM包的所有相关信息,包括作者.简介.包依赖.构建等信息,格 ...
- package.json 详解
使用package.json 属性说明 name - 包名. version - 包的版本号. description - 包的描述. homepage - 包的官网 url . author - ...
- vue package.json 详解
示例: { "name": "scrm", "version": "0.1.0", "private" ...
随机推荐
- 线上cpu使用率过高解决方案
一个应用占用CPU很高,除了确实是计算密集型应用之外,通常原因都是出现了死循环. 下面我们将一步步定位问题,详尽的介绍每一步骤的相关知识. 一.通过top命令定位占用cpu高的进程 执行top命令得到 ...
- Go语言系列:(1)在VsCode中配置Go的开发环境
一.为什么选VSCode 这个系列的初宗是带领公司的PHPer转Go,在正式写这篇博文前,咱们先说说Go有哪些主流的IDE 1.GoLand(收费) JetBrains出品必属精品,除了贵没有其它缺点 ...
- MAC下安装pomelo
配置:OS X 10.9.4 + Xcode 6.0 摘要:本文目标为成功运行pomelo的HelloWorld程序. 壹.| 安装必要项 一.安装Xcode及相关工具 1.安装Xcode. ...
- Python学习笔记六(免费获取代理IP)
为获取网上免费代理IP,闲的无聊,整合了一下,免费从三个代理网站获取免费代理IP,目的是在某一代理网站被限制时,仍可从可以访问的其他网站上获取代理IP.亲测可用哦!^_^ 仅供大家参考,以下脚本可添 ...
- C语言基本数据类型的转换
变量的数据类型是可以转换的.转换的方法有两种,一种是自动转换,一种是强制转换.自动转换发生在不同数据类型的量混合运算时,由编译系统自动完成.自动转换遵循以下规则:1) 若参与运算量的类型不同,则先转换 ...
- fiddler添加IP列
willow一个规则管理插件 Ctrl+F查找“static function Main()”字符串,然后添加以下代码: FiddlerObject.UI.lvSessions.AddBoundCol ...
- IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题
小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...
- PHP Swoole与TCP三次握手
握手常见问题 1.连接拒绝 2.Operation now in progress 多是因为丢包.错误ip.backlog满了&阻塞&tcp_abort_on_overflow=0 3 ...
- Java编程思想——第21章 并发
前言 对于某些问题,如果能够并行的执行程序中的多个部分,则回变得非常方便甚至必要,这些部分要么看起来是并发执行,要么是在多处理环境下同时执行.并行编辑可以使程序执行速度得到极大提高,或者为设计某些类型 ...
- SpringCloud的入门学习之概念理解、Zuul路由网关
1.Zuul路由网关是什么? 答:Zuul包含了对请求的路由和过滤两个最主要的功能,其中路由功能负责将外部请求转发到具体的微服务实例上,是实现外部访问统一入口的基础而过滤器功能则负责对请求的处理过程进 ...