react-openqasm-editor/vite.config.ts

A powerful, customizable code editor for OpenQASM (Open Quantum Assembly Language) based on Monaco Editor.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// import { nodePolyfills } from 'vite-plugin-node-polyfills'
import path, { resolve } from 'path'
import dts from 'vite-plugin-dts'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(), dts(
    {
      insertTypesEntry: true,
      tsconfigPath: "./tsconfig.app.json",
      rollupTypes: true,
    }
  )],
  define: {
    'process.env.NODE_ENV': JSON.stringify('devlopment'),
  },
  build: {
    lib: {
      entry: resolve(__dirname, 'lib/index.tsx'),
      name: 'OpenQasmEditor',
      fileName: (format) => `openqasm-editor.${format}.js`,
      formats: ["es", "umd"]
    },
    rollupOptions: {
      external: ['react', 'react-dom', 'monaco-editor-core'],
      output: {
        globals: {
          'react': 'React',
          'react-dom': 'ReactDOM',
          'monaco-editor-core': 'monacoEditorCore',
        },
      },
    },
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
})