如何在Node.js中自动向所有文件导入工具模块？

当然存在这类方案，它们都能在不污染全局变量的前提下，帮你省去手动给每个文件添加常用模块import语句的麻烦。以下是针对不同工具的具体实现：

Webpack：ProvidePlugin（你已提及的方案） #

这个插件的核心逻辑并非创建全局变量，而是在代码中检测到指定标识符时，自动在当前模块顶部注入对应的import语句。比如你配置的：

plugins: [
  new webpack.ProvidePlugin({
    'util': './util.js',
  })
],

当某个文件里用到util时，Webpack会自动在该文件内添加import util from './util.js'，不会将util挂载到全局对象（如window）上。

如果你的工具模块有多个导出，还可以指定导入特定属性：

plugins: [
  new webpack.ProvidePlugin({
    'formatDate': ['./util.js', 'formatDate'], // 自动导入util.js中的formatDate方法
  })
],

Vite：unplugin-auto-import #

Vite生态中常用unplugin-auto-import插件实现自动导入，支持自定义模块的自动注入：

1. 安装依赖：

npm i unplugin-auto-import -D

2. 在vite.config.js中配置：

import AutoImport from 'unplugin-auto-import/vite'

export default {
  plugins: [
    AutoImport({
      imports: [
        // 配置自动导入自定义工具模块
        {
          './util.js': ['default as util', 'formatDate']
        }
      ]
    })
  ]
}

配置后，代码中直接使用util或formatDate时，插件会自动在对应文件中注入所需的import语句。

Rollup：rollup-plugin-auto-import #

Rollup环境下可以使用rollup-plugin-auto-import：

1. 安装依赖：

npm i rollup-plugin-auto-import -D

2. 在rollup.config.js中配置：

import autoImport from 'rollup-plugin-auto-import'

export default {
  plugins: [
    autoImport({
      imports: {
        './util.js': ['util', 'formatDate']
      }
    })
  ]
}

Babel：babel-plugin-auto-import #

如果仅用Babel编译代码，可通过babel-plugin-auto-import实现：

1. 安装依赖：

npm i babel-plugin-auto-import -D

2. 在.babelrc或babel.config.js中配置：

{
  "plugins": [
    ["auto-import", {
      "declarations": [
        { "default": "util", "path": "./util.js" }
      ]
    }]
  ]
}

所有这些方案的核心都是在编译/构建阶段，针对用到目标标识符的文件按需注入import语句，完全不会产生全局变量，完美匹配你的需求。

内容的提问来源于stack exchange，提问作者Ricky Boyce