Node中node_modules文件夹及package.json文件的作用说明
目录
- node_modules文件夹及package.json文件的作用
- package.json的作用
- 生成的package.json文件
- node_modules是干什么的?
- modules(模块)
- node加载模块的方法
node_modules文件夹及package.json文件的作用
在我们下载了npm或gulp的一些插件后,打开node_modules可以发现,里面有很多的文件夹,会导致我们将项目拷贝给别人的时候,传输速度会很慢。
其实我们在拷贝给别人项目的时候,node_modules这个文件夹是不需要一起拷贝的,因为有package.json。
package.json的作用
它记录了当前项目的信息,例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。
一般来说该文件都是放在项目的根目录下,所以我们在项目根目录下打开命令行工具,执行npm init -y命令,生成该文件。
生成的package.json文件
name
:是项目名称version
:是项目版本description
:是项目的描述main
:是项目的主入口文件scripts
:存储的是命令的别名keywords
:允许我们用关键字的方式来描述当前项目author
:是项目的作者license
:是项目遵循的协议,默认是ISC协议dependencies
:依赖的第三方模块
文件生成之后,在项目根目录下执行命令行工具,输入:npm install 命令即可,会自动去下载第三方模块,所以不用拷贝node_modules文件夹,根据package.json文件夹可以下载第三方模块。
node_modules是干什么的?
node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块。
modules(模块)
在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块,文件内容可能是我们封装好的一些JavaScript方法、jsON数据、编译过的C/C++拓展等,在关于node.js的误会提到过node.js的架构。
其中http、fs、net等都是node.js提供的核心模块,使用C/C++实现,外部用JavaScript封装。
require搜索module方式
node.js中模块有两种类型:核心模块和文件模块,核心模块直接使用名称获取,比如最长用的http模块
var http=require('http');
在上面例子中我们使用了相对路径 './test'来获取自定义文件模块,
node加载模块的方法
1、核心模块优先级最高,直接使用名字加载,在有命名冲突的时候首先加载核心模块,文件模块只能按照路径加载(可以省略默认的.js拓展名,不是的话需要显示声明书写)
- 绝对路径
- 相对路径
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
npm start运行项目过程package.json字段详解
目录 正文 项目名称 项目版本号 项目介绍 执行命令 1 包配置安装npm install(npm i) 2 打包项目 npm run build 3 运行项目 npm run dev 存储库 关键词 bugs homepage 正文 在js项目运行时,通常输入npm start,即可运行,其运行过程如下: npm start首先会安装一系列的必要程序,这些程序依赖package.json中的内容, package.json里默认定义了项目名称.项目版本号.项目介绍.项目作者.执行命令.生产环境
-
package.json管理依赖包版本详解
目录 npm版本号定义 package.json怎么识别依赖版本 不要太相信npm包的版本号 dependencies.devDependencies与peerDependencies dependencies devDependencies peerDependencies 参考 npm版本号定义 版本格式:X.Y.Z[-string]其含义为: X:主版本号 Y:次版本号 Z:修正版本号 string: 先行版本号或版本编译信息 举个例子: 6.3.2-alpha的含义为: 主版本号6,有6
-
package.json依赖环境相关属性详解
目录 引言 一.package.json 1. package.json简介 2. package-lock.json 二.package.json常用属性 1. script 2. bin 3. workspaces 三.package.json环境相关属性 1 type 2 main & module & browser 3 exports 四.package.json依赖相关属性 1 peerDependencies 2 peerDependenciesMeta 五.package.
-
package.json与package-lock.json的区别及详细解释
目录 package.json package-lock.json 两者区别: package-lock.json的作用 补充:关于package-lock.json的详细解释 总结 package.json 记录当前项目所依赖模块的版本信息,更新模块时锁定模块的大版本号(版本号的第一位),不能锁定后面的小版本, package-lock.json package-lock.json 是在 `npm install`时候生成一份文件.记录了node_modules目录下所有模块(包)的名称.版本
-
高级前端必会的package.json字段知识详解
目录 概览 name name命名规范 不安全的URL字符 私源npm包怎么命名? version description keywords homepage repository license author contributors files main bin scripts dependencies.devDependencies.peerDependencies private publishConfig types module unpkg sideEffects 注意点 engin
-
Node中node_modules文件夹及package.json文件的作用说明
目录 node_modules文件夹及package.json文件的作用 package.json的作用 生成的package.json文件 node_modules是干什么的? modules(模块) node加载模块的方法 node_modules文件夹及package.json文件的作用 在我们下载了npm或gulp的一些插件后,打开node_modules可以发现,里面有很多的文件夹,会导致我们将项目拷贝给别人的时候,传输速度会很慢. 其实我们在拷贝给别人项目的时候,node_modul
-
nodejs require js文件入口,在package.json中指定默认入口main方法
我们都知道nodejs遵循commonJS规范,各个js是独立的. 如果目录结构是: –config 文件夹 – index.js – test.js app.js 那么在app.js中require('./config')的时候,默认是index.js. 如何修改默认的config的入口? 只需要在config中添加package.json配置文件,在这个文件中进行指定默认的入口 { "name":"配置文件", "description":&
-
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
前言 用来干什么:想干嘛干嘛 为什么写:写来玩,学习node.js文件系统相关api:树结构这种东西还是挺不错的,会用会造才是真的会 用了什么: fs.readdir(dir), fs.stat(dir).isFile(), path处理路径等 思路: 读取当前文件夹(不是文件夹的另作处理),获得其下所有文件和目录组成的数组: 循环该数组,判断是文件夹还是文件,文件的话直接push到childFiles(对象有两个属性:short文件名,full完整文件路径) 文件夹的话,先把当前文件夹作为ke
-
C#遍历文件夹后上传文件夹中所有文件错误案例分析
asp.net是没有直接选取文件夹的控件的,我也不知道,如果大家有的话可以一起交流下.后来我想着应该有三种方法: ①先将文件夹压缩后上传服务器,然后再服务器上解压: ②获得文件夹名及目录,然后遍历文件夹下面的文件以及子文件夹,循环上传: ③是使用AcitiveX控件. 那我果断就先通过上传对话框获得文件夹名和文件夹所在的系统文件路径,可是接下来就错愕了,一开始是想使用javascript遍历文件夹的 1 var fso = new ActiveXObject("Scripting.FileSy
-
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
node.js版 遍历文件夹下最大的文件,并输出路径,大小 实现代码: /* 遍历文件夹下最大的文件,并输出路径,大小 */ function findmax(basepath){ //只能执行一次 if(findmax.s) return; findmax.s = true; var fs = require('fs'); var maxfile = 0; var count = 0; var begin = new Date().getTime(); function Travers
-
如何配置vue.config.js 处理static文件夹下的静态文件
最近开发过程中遇到个小需求,需要根据需求动态配置一些静态数据,但我不想直接把这个静态文件引入进来,build时就会把数据打包到js文件中,造成js文件很大:呃呃....(ps:就想给自己找点别扭) 回头看一下项目,果断的在根目录下创建一个static/test.json文件,在目标页面下fetch获取这个json文件里的数据: fetch("../static/test.json") .then(res => res.json()) .then(res => { //获取到
-
asp.net遍历文件夹下所有子文件夹并绑定到gridview上的方法
遍历文件夹下所有子文件夹,并且遍历配置文件某一节点中所有key,value并且绑定到GridView上 Helper app_Helper = new Helper(); DataSet ds = new DataSet(); DataTable dt = new DataTable(); protected void Page_Load(object sender, EventArgs e) { gvwBind(); } #region 绑定GridView /// <summary> //
-
将文件夹压缩成zip文件的php代码
1.请先下载我准备好的zip.php工具类,下载后解压,将里面的文件放入对应的目录中,我是放在虚拟目录下的include文件夹中. 2.在你的php文件中加入下面代码即可 复制代码 代码如下: require_once "./include/zip.php"; $zip = new PHPZip(); //$zip -> createZip("要压缩的文件夹目录地址", "压缩后的文件名.zip"); //只生成不自动下载 $zip -&g
-
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
本文实例讲述了Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法.分享给大家供大家参考.具体如下: 这个东东本来是做来给公司数据同步用的:新服务器还没正式启用,旧的服务器还在使用,每天都有大量图片传到旧服务器上面,为了避免备份全部图片,所以写了这么个工具. 1. 运行效果如下图所示: 2. Python代码如下: 复制代码 代码如下: # coding=gbk ''' Created on 2011-1-7 @author: HH ''' import os,ConfigParse
-
python实现批量获取指定文件夹下的所有文件的厂商信息
本文实例讲述了python实现批量获取指定文件夹下的所有文件的厂商信息的方法.分享给大家供大家参考.具体如下: 功能代码如下: import os, string, shutil,re import pefile import codecs, sys import wx import struct #输出中打印Unicode字符 #sys.stdout = codecs.lookup('utf-8')[-1](sys.stdout) def addToDict(theDict,PEfile_Pa
随机推荐
- JavaScript获取文本框内选中文本的方法
- 关于XSL - XSL教程
- Extjs优化(二)Form表单提交通用实现
- 超级简单实现JavaScript MVC 样式框架
- JavaScript中获取Radio被选中的值
- MySQL启用SSD存储的实例详解
- iOS11适配工作及导航栏影藏返回文字的解决方法
- Oracle to_char函数的使用方法
- 浅析2种JavaScript继承方式
- 基于javascript实现动态时钟效果
- Android 删除指定包名的App实例代码
- 解析mysql不重复字段值求和
- 跨域传值即主页面与iframe之间互相传值
- JS动态计算移动端rem的解决方案
- Bootstrap 中下拉菜单修改成鼠标悬停直接显示 原创
- JavaScript生成随机数的4种自定义函数分享
- 全国省市二级联动下拉菜单 js版
- 使用 GUID 值来作为数据库行标识讲解
- AS3 navigateToURL导致ExternalInterface 执行失败问题
- 深入理解JavaScript系列(38):设计模式之职责链模式详解