Electron应用中Vite是否支持原生Node模块？切换import无效求解

切换require到import并不是解决原生Node模块（.node文件）加载问题的核心方向——Webpack对CommonJS和ES模块处理原生扩展的逻辑本质一致，你当前的问题大概率出在其他环节，建议从以下几点排查：

• 检查Webpack核心配置
  原生Node模块不能被Webpack直接打包为普通模块，需确保配置正确：

  • 若项目运行在Node/Electron环境，需将原生模块设为externals，避免Webpack对其进行打包转换：

    // webpack.config.js
    module.exports = {
      externals: {
        'your-native-module': 'commonjs your-native-module'
      }
    };
    

  • 确认node选项未禁用必要的Node API（如__dirname、__filename），原生模块加载时可能依赖这些路径相关变量。

• 配置专门的loader处理.node文件
  Webpack默认无法解析原生扩展，需添加node-loader或native-ext-loader来处理：

  // webpack.config.js
  module.exports = {
    module: {
      rules: [
        {
          test: /\.node$/,
          use: 'node-loader'
        }
      ]
    }
  };
  

  安装loader：npm install node-loader --save-dev

• 验证原生模块的兼容性
  确认你的.node文件与当前Node.js版本、系统架构（x64/arm64）完全匹配——原生模块是编译后的二进制文件，版本/架构不匹配会直接导致加载失败，和引入方式无关。

• 检查路径解析是否正确
  ES模块的路径解析规则与CommonJS略有差异，确保import的路径是正确的相对/绝对路径，且Webpack的resolve.extensions配置中包含.node：

  // webpack.config.js
  module.exports = {
    resolve: {
      extensions: ['.node', '.js', '.json']
    }
  };
  

• 确认运行环境支持
  若你试图在浏览器环境中加载原生Node模块，这本身就不可行——浏览器不支持Node.js的原生扩展机制，此时无论用require还是import都无法解决，需更换为浏览器兼容的替代方案。

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