import {defineConfig} from 'vite' import json from '@rollup/plugin-json'; import dts from 'vite-plugin-dts' import packageJson from './package.json'; import license from 'rollup-plugin-license'; import replace from '@rollup/plugin-replace'; import glsl from 'rollup-plugin-glsl'; import path from 'node:path'; const isProd = process.env.NODE_ENV === 'production' const { name, version, author } = packageJson const {main, module, browser} = packageJson const alias = { 'three': path.resolve(__dirname, './node_modules/three/'), 'threepipe': path.resolve(__dirname, './src/index.ts'), '@threepipe/plugin-network': path.resolve(__dirname, './plugins/network/src/index.ts'), '@threepipe/plugin-tweakpane': path.resolve(__dirname, './plugins/tweakpane/src/index.ts'), '@threepipe/plugin-blueprintjs': path.resolve(__dirname, './plugins/blueprintjs/src/index.ts'), '@threepipe/plugin-svg-renderer': path.resolve(__dirname, './plugins/svg-renderer/src/index.ts'), '@threepipe/plugin-tweakpane-editor': path.resolve(__dirname, './plugins/tweakpane-editor/src/index.ts'), '@threepipe/plugin-blend-importer': path.resolve(__dirname, './plugins/blend-importer/src/index.ts'), '@threepipe/plugins-extra-importers': path.resolve(__dirname, './plugins/extra-importers/src/index.ts'), '@threepipe/plugin-geometry-generator': path.resolve(__dirname, './plugins/geometry-generator/src/index.ts'), '@threepipe/plugin-gaussian-splatting': path.resolve(__dirname, './plugins/gaussian-splatting/src/index.ts'), '@threepipe/plugin-configurator': path.resolve(__dirname, './plugins/configurator/src/index.ts'), '@threepipe/plugin-gltf-transform': path.resolve(__dirname, './plugins/gltf-transform/src/index.ts'), '@threepipe/plugin-assimpjs': path.resolve(__dirname, './plugins/assimpjs/src/index.ts'), '@threepipe/plugin-path-tracing': path.resolve(__dirname, './plugins/path-tracing/src/index.ts'), '@threepipe/plugin-3d-tiles-renderer': path.resolve(__dirname, './plugins/3d-tiles-renderer/src/index.ts'), '@threepipe/webgi-plugins': 'https://unpkg.com/@threepipe/webgi-plugins@0.4.1/dist/index.mjs', 'react': 'https://esm.sh/react@18', 'react-dom': 'https://esm.sh/react-dom@18', 'vue': 'https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js', 'vue-import': 'https://unpkg.com/vue-import/dist/vue-import.esm-browser.js', } export default defineConfig({ optimizeDeps: { exclude: ['uiconfig.js', 'ts-browser-helpers', ...Object.keys(alias)], }, // define: { // 'process.env': process.env // }, resolve: { alias, }, plugins: [ // replace({ // 'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'), // preventAssignment: true, // }), glsl({ // todo: minify glsl. include: '**/*.glsl', }), json(), // postcss({ // modules: false, // autoModules: true, // todo; issues with typescript import css, because inject is false // inject: false, // minimize: isProduction, // // Or with custom options for `postcss-modules` // }), license({ banner: ` @license ${name} v${version} Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author} ${packageJson.license} License See ./dependencies.txt for bundled third-party dependencies and licenses. `, thirdParty: { output: path.join(__dirname, 'dist', 'dependencies.txt'), includePrivate: true, // Default is false. }, }), { name: 'transform-html-replace-js-to-ts', apply: 'serve', transformIndexHtml (html) { return html.replace('src="./script.js"', 'src="./script.ts"'); }, }, ], })