Vue3+Vite环境下crypto-browserify生产环境失效问题求助

核心方案：通过Vite配置补全Node.js内置模块的polyfill，确保生产构建时正确打包crypto-browserify #

步骤1：安装所需依赖

首先安装crypto-browserify及相关依赖（它依赖其他Node.js内置模块）：

npm install crypto-browserify buffer stream-browserify --save-dev

步骤2：修改Vite配置文件（vite.config.js/ts）

在配置中添加别名、优化依赖和Rollup构建选项，让Vite在开发和生产环境都能正确解析这些模块：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      // 映射Node.js内置模块到对应的browserify polyfill
      'crypto': 'crypto-browserify',
      'buffer': 'buffer',
      'stream': 'stream-browserify'
    }
  },
  optimizeDeps: {
    // 确保依赖被预构建，避免生产构建时的解析问题
    include: ['crypto-browserify', 'buffer', 'stream-browserify']
  },
  build: {
    rollupOptions: {
      output: {
        // 防止Rollup将polyfill代码意外tree-shake掉
        manualChunks: undefined
      },
      plugins: [
        // 告知Rollup替换Node.js内置模块为browserify版本
        require('rollup-plugin-node-polyfills')({
          include: ['crypto', 'buffer', 'stream']
        })
      ]
    },
    // 禁用可能导致polyfill被移除的代码压缩选项（按需调整）
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: false,
        drop_debugger: false,
        pure_funcs: [] // 避免移除crypto相关的函数调用
      }
    }
  }
})

注意：如果还没安装rollup-plugin-node-polyfills，需要先执行：

npm install rollup-plugin-node-polyfills --save-dev

步骤3：调整代码中的导入方式

确保代码中直接导入crypto，而非依赖全局变量：

import crypto from 'crypto'

// 示例使用createCipheriv
const encryptData = (data, key, iv) => {
  const cipher = crypto.createCipheriv('aes-256-cbc', Buffer.from(key), Buffer.from(iv))
  let encrypted = cipher.update(data, 'utf8', 'hex')
  encrypted += cipher.final('hex')
  return encrypted
}

步骤4：验证生产构建

执行生产构建命令后，部署到服务器测试：

npm run build

关键注意点 #

• 生产构建时，Vite的tree-shaking可能误删crypto-browserify的部分代码，通过rollup-plugin-node-polyfills和manualChunks配置可避免该问题。
• 确认使用的加密算法（如aes-256-cbc）在crypto-browserify中支持，部分Node.js独有的算法无法在浏览器环境运行。
• 若仍有问题，可检查构建后的bundle文件，确认crypto相关代码是否被正确打包。

内容的提问来源于stack exchange，提问作者Omar Faruque Abir