| 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"'); | |||||
| }, | |||||
| }, | |||||
| ], | |||||
| }) |