Node.js如何无需require引入文件即可直接调用Media函数？

方案1：挂载到全局对象（适合小型项目/快速开发） #

Node.js 环境直接挂载到global对象，浏览器环境挂载到window对象即可全项目通用：

• 首先在项目入口文件（如 Node 项目的index.js、前端项目的main.js）中引入一次 Media 并挂载：

// 入口文件顶部添加，路径替换为你项目中 Media 文件对应入口的相对路径
const Media = require("./functions/Media");
// Node 环境用这个
global.Media = Media;
// 浏览器环境用这个
// window.Media = Media;

之后项目内所有文件都可以直接调用Media()，无需再单独引入。
注意：该方案会污染全局命名空间，使用前请确认项目中没有其他同名的Media变量避免冲突

方案2：打包器自动注入（适合中大型项目，更安全） #

如果你的项目用 webpack、vite 等打包工具，可以配置自动引入规则，打包工具会静默在所有需要的文件中注入引入语句，不需要手动写 require，也不会污染全局作用域。

webpack 配置示例 #

在webpack.config.js中使用内置的ProvidePlugin：

const path = require("path");
const webpack = require("webpack");

module.exports = {
  // 其余原有配置保持不变
  plugins: [
    new webpack.ProvidePlugin({
      // 后面的路径替换为 Media 文件在你项目中的绝对路径
      Media: path.resolve(__dirname, "./src/functions/Media")
    })
  ]
}

vite 配置示例 #

在vite.config.js中添加全局注入插件：

import { defineConfig } from "vite";
import path from "path";

export default defineConfig({
  // 其余原有配置保持不变
  plugins: [
    {
      name: "auto-inject-media",
      transform(code, id) {
        // 对指定后缀的文件自动注入引入语句，路径替换为你项目中 Media 对应的别名路径
        if (/\.(js|jsx|vue|ts|tsx)$/.test(id)) {
          return `import Media from '@/functions/Media';\n${code}`;
        }
        return code;
      }
    }
  ]
})

配置完成后直接在任意文件调用Media()即可，打包工具会自动处理引入逻辑。

不推荐方案：修改 Node.js require 钩子 #

你也可以通过修改 Node.js 加载.js文件的钩子来自动注入引入语句，但该方案改动底层模块加载逻辑，稳定性差，容易引发未知兼容问题，不建议生产环境使用。

内容的提问来源于stack exchange，提问作者Andy-THE-Coder