如何在Node.js与标准Web应用间共享模块？

嘿Christian，你的需求完全可以实现！Node.js和浏览器是能够共用同一套类库的，你现在遇到的「Import not found (Function1)」错误，只是因为两种环境默认使用的模块规范不匹配而已——Node.js默认用的是CommonJS规范（module.exports），而浏览器的<script type="module">遵循的是ES模块规范（import/export），两者的导出格式不兼容，所以浏览器找不到你定义的Function1。

下面给你几个实用的解决方案，帮你搞定跨环境共用模块的问题：

1. 让模块同时兼容两种规范（快速适配） #

你可以在类库代码里直接做环境判断，同时支持CommonJS和ES模块的导出逻辑：

// 定义你的核心函数
function Function1() {
  // 这里是你的函数逻辑
  console.log("Function1 执行了");
}

// 兼容CommonJS（Node.js）和ES模块（浏览器）
if (typeof module !== 'undefined' && module.exports) {
  // Node.js环境：用CommonJS导出
  module.exports = { Function1 };
} else {
  // 浏览器环境：同时支持全局挂载和ES模块导出
  window.Function1 = Function1;
  export { Function1 };
}

这样调整后，Node.js可以继续用require引入，浏览器的ES模块import也能正常找到Function1了。

2. 用package.json配置条件导出（推荐方案） #

如果你的类库是一个npm包，推荐在package.json里配置exports字段，明确指定不同环境下的入口文件，这样能更清晰地管理模块规范：

{
  "name": "your-shared-library",
  "exports": {
    ".": {
      "require": "./libmain.cjs", // Node.js用CommonJS版本
      "import": "./libmain.js"    // 浏览器用ES模块版本
    }
  }
}

你可以维护两个版本的导出文件（比如把CommonJS的逻辑放在.cjs文件，ES模块的放在.js文件），也可以用工具自动转换格式，这样用户在不同环境下引入时，会自动匹配对应的版本。

3. 用打包工具统一处理（适合复杂类库） #

如果你的类库包含多个文件或者需要处理浏览器兼容性，用Rollup、Webpack这类打包工具会更省心。以Rollup为例，你可以配置同时输出CommonJS和ES模块两种格式：

// rollup.config.js
export default {
  input: "src/main.js", // 你的源码入口
  output: [
    {
      file: "dist/libmain.cjs",
      format: "cjs" // 输出CommonJS格式
    },
    {
      file: "dist/libmain.js",
      format: "es" // 输出ES模块格式
    }
  ]
};

打包完成后，Node.js可以require('dist/libmain.cjs')，浏览器则通过<script type="module"> import { Function1 } from './dist/libmain.js'; </script>引入。

临时应急方案（不推荐长期使用） #

如果你不想立刻修改代码结构，也可以在浏览器里用默认导入的方式获取CommonJS模块的内容：

import myModule from './libmain.js';
// 然后通过myModule.Function1调用
myModule.Function1();

不过这只是临时 workaround，长期来看还是统一模块规范更稳妥。

总的来说，跨Node.js和浏览器共用模块完全可行，只要处理好两种模块规范的兼容问题就可以啦～

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