// Copyright (C) 2023 Storj Labs, Inc. // See LICENSE for copying information. import { resolve } from 'path'; import { defineConfig } from 'vite'; import { visualizer } from 'rollup-plugin-visualizer'; import vue from '@vitejs/plugin-vue'; import viteCompression from 'vite-plugin-compression'; import vitePluginRequire from 'vite-plugin-require'; import svgLoader from 'vite-svg-loader'; const productionBrotliExtensions = ['js', 'css', 'ttf', 'woff', 'woff2']; const plugins = [ vue(), svgLoader({ svgoConfig: { plugins: [{ name: 'removeViewBox', fn: () => {} }], }, }), vitePluginRequire(), ]; if (process.env['STORJ_DEBUG_BUNDLE_SIZE']) { plugins.push(visualizer({ template: 'treemap', // or sunburst open: true, brotliSize: true, filename: 'analyse.html', // will be saved in project's root })); } export default defineConfig(({ mode }) => { // compress chunks only for production mode builds. if (mode === 'production') { plugins.push(viteCompression({ algorithm: 'brotliCompress', threshold: 1024, ext: '.br', filter: new RegExp('\\.(' + productionBrotliExtensions.join('|') + ')$'), })); } return { base: '/static/dist', plugins, resolve: { alias: { '@': resolve(__dirname, './src'), 'stream': 'stream-browserify', 'util': 'util/', }, extensions: ['.js', '.ts', '.svg', '.vue'], }, build: { outDir: resolve(__dirname, 'dist'), emptyOutDir: true, rollupOptions: { output: { experimentalMinChunkSize: 50*1024, }, external: [ /vuetify-poc/, ], }, chunkSizeWarningLimit: 3000, }, define: { 'process.env': {}, }, test: { globals: true, environment: 'jsdom', setupFiles: [ './vitest.setup.ts', ], exclude: [ '**/node_modules/**', '**/dist/**', '**/tests/unit/ignore/**', ], }, }; });