processcube.apptemplate/apps/lowcode/src/vite.config.mjs

A AppTemplate for a App build with and for the ProcessCube Plattform

import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'
import { defineConfig, normalizePath } from 'vite'
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
import { viteStaticCopy } from 'vite-plugin-static-copy'

const LIBRARY_NAME = process.env.WIDGET_NAME || 'ui-example'
const ENTRY = process.env.ENTRY || 'ui/index.js'

export default defineConfig({
  plugins: [
    vue(),
    cssInjectedByJsPlugin(),
    viteStaticCopy({
      targets: [{
        src: normalizePath(resolve(__dirname, `./ui/dist/${LIBRARY_NAME}.umd.js`)),
        dest: normalizePath(resolve(__dirname, 'resources'))
      }]
    })
  ],
  build: {
    sourcemap: process.env.NODE_ENV === 'development',
    lib: {
      entry: resolve(__dirname, ENTRY),
      name: LIBRARY_NAME,
      formats: ['umd'],
      fileName: (format) => `${LIBRARY_NAME}.${format}.js`
    },
    outDir: './ui/dist',
    rollupOptions: {
      external: ['vue', 'vuex'],
      output: { globals: { vue: 'Vue', vuex: 'vuex' } }
    }
  }
})