nodejs导入文件模块和导入文件夹

在 Node.js 中,导入文件模块和导入文件夹的方式略有不同,但都很常见。下面是详细说明:


✅ 一、导入文件模块

1. CommonJS(.js)方式:

js 复制代码
// 假设有个模块文件叫 `utils.js`
const utils = require('./utils'); // 不需要写 .js 后缀
utils.sayHello();

2. ES Module(.mjstype: "module"

js 复制代码
// 假设在 `package.json` 中设置了 `"type": "module"`,或者文件是 `.mjs`
import utils from './utils.js'; // 必须写后缀 `.js`
utils.sayHello();

✅ 二、导入文件夹模块

Node.js 在你导入一个文件夹时,会按以下顺序查找:

  1. 文件夹下的 package.json 中的 main 字段指定的文件
  2. 如果没有 package.json,尝试加载 index.js / index.mjs / index.json

例子结构:

bash 复制代码
/myModule/
├── index.js

使用:

js 复制代码
// CommonJS
const myModule = require('./myModule');

// ES Module
import myModule from './myModule';

如果你在 myModule 文件夹中有 package.json

json 复制代码
{
  "main": "main.js"
}

那导入时就会加载 main.js 而不是 index.js


✅ 补充说明

  • 相对路径 :用 ./../ 开头
  • 绝对路径模块 :比如 require('fs') 是 Node.js 内置模块
  • 第三方模块 :如 require('express'),默认从 node_modules 查找
相关推荐
前端Hardy5 分钟前
惊艳同事的 Canvas 事件流程图,这篇教会你
前端·javascript·css
哔哩哔哩技术7 分钟前
KMP on iOS 深度工程化:模块化、并发编译与 98% 增量构建加速
前端
神仙别闹14 分钟前
基于 Vue+SQLite3开发吉他谱推荐网站
前端·vue.js·sqlite
Async Cipher17 分钟前
CSS 居中
前端·css·css3
IT_陈寒42 分钟前
Python 3.12 的这5个新特性,让我的代码性能提升了40%!
前端·人工智能·后端
方安乐1 小时前
vite+vue+js项目使用ts报错
前端·javascript·vue.js
韩立23331 小时前
Vue 3.5 升级指南
前端·vue.js
子兮曰1 小时前
🚀别再乱写package.json了!这些隐藏技巧让项目管理效率提升300%
前端·javascript·npm
我叫汪枫1 小时前
Spring Boot图片验证码功能实现详解 - 从零开始到完美运行
java·前端·javascript·css·算法·html
小桥风满袖1 小时前
极简三分钟ES6 - ES8中async,await
前端·javascript