@strapi/strapi/dist/src/node/vite/config.js

An open source headless CMS solution to create and manage your own API. It provides a powerful dashboard and features to make your life easier. Databases supported: MySQL, MariaDB, PostgreSQL, SQLite

'use strict';

var browserslistToEsbuild = require('browserslist-to-esbuild');
var react = require('@vitejs/plugin-react-swc');
var config = require('../core/config.js');
var monorepo = require('../core/monorepo.js');
var aliases = require('../core/aliases.js');
var plugins = require('./plugins.js');

const resolveBaseConfig = async (ctx)=>{
    const target = browserslistToEsbuild(ctx.target);
    const isMonorepoExampleApp = ctx.strapi.internal_config?.uuid === 'getstarted';
    return {
        root: ctx.cwd,
        base: ctx.basePath,
        build: {
            emptyOutDir: false,
            outDir: ctx.distDir,
            target
        },
        cacheDir: 'node_modules/.strapi/vite',
        configFile: false,
        define: {
            'process.env': ctx.env
        },
        envPrefix: 'STRAPI_ADMIN_',
        optimizeDeps: {
            include: [
                // pre-bundle React dependencies to avoid React duplicates,
                // even if React dependencies are not direct dependencies
                // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
                'react',
                `react/jsx-runtime`,
                'react-dom/client',
                'styled-components',
                'react-router-dom',
                /**
         * Pre-bundle other dependencies that would otherwise cause a page reload when imported.
         * See "performance" section: https://vite.dev/guide/dep-pre-bundling.html#the-why
         * Only include dependencies for our internal example apps, otherwise it will break
         * real user apps that may not have those dependencies.
         */ ...isMonorepoExampleApp ? [
                    '@dnd-kit/core',
                    '@dnd-kit/sortable',
                    '@dnd-kit/utilities',
                    '@dnd-kit/modifiers',
                    '@radix-ui/react-toolbar',
                    'codemirror5',
                    'codemirror5/addon/display/placeholder',
                    'date-fns-tz',
                    'date-fns/format',
                    'date-fns/formatISO',
                    'highlight.js',
                    'lodash/capitalize',
                    'lodash/fp',
                    'lodash/groupBy',
                    'lodash/has',
                    'lodash/isNil',
                    'lodash/locale',
                    'lodash/map',
                    'lodash/mapValues',
                    'lodash/pull',
                    'lodash/size',
                    'lodash/sortBy',
                    'lodash/tail',
                    'lodash/toLower',
                    'lodash/toNumber',
                    'lodash/toString',
                    'lodash/truncate',
                    'lodash/uniq',
                    'lodash/upperFirst',
                    'markdown-it',
                    'markdown-it-abbr',
                    'markdown-it-container',
                    'markdown-it-deflist',
                    'markdown-it-emoji',
                    'markdown-it-footnote',
                    'markdown-it-ins',
                    'markdown-it-mark',
                    'markdown-it-sub',
                    'markdown-it-sup',
                    'prismjs/components/*.js',
                    'react-colorful',
                    'react-dnd-html5-backend',
                    'react-window',
                    'sanitize-html',
                    'semver',
                    'semver/functions/lt',
                    'semver/functions/valid',
                    'slate',
                    'slate-history',
                    'slate-react'
                ] : []
            ]
        },
        resolve: {
            // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
            dedupe: [
                'react',
                'react-dom',
                'react-router-dom',
                'styled-components'
            ]
        },
        plugins: [
            react(),
            plugins.buildFilesPlugin(ctx)
        ]
    };
};
const resolveProductionConfig = async (ctx)=>{
    const { options: { minify, sourcemaps } } = ctx;
    const baseConfig = await resolveBaseConfig(ctx);
    return {
        ...baseConfig,
        logLevel: 'silent',
        mode: 'production',
        build: {
            ...baseConfig.build,
            assetsDir: '',
            minify,
            sourcemap: sourcemaps,
            rollupOptions: {
                input: {
                    strapi: ctx.entry
                }
            }
        }
    };
};
const resolveDevelopmentConfig = async (ctx)=>{
    const monorepo$1 = await monorepo.loadStrapiMonorepo(ctx.cwd);
    const baseConfig = await resolveBaseConfig(ctx);
    return {
        ...baseConfig,
        mode: 'development',
        resolve: {
            ...baseConfig.resolve,
            alias: {
                ...baseConfig.resolve?.alias,
                ...aliases.getMonorepoAliases({
                    monorepo: monorepo$1
                })
            }
        },
        server: {
            cors: false,
            middlewareMode: true,
            open: ctx.options.open,
            hmr: {
                overlay: false,
                server: ctx.options.hmrServer,
                clientPort: ctx.options.hmrClientPort
            }
        },
        appType: 'custom'
    };
};
const USER_CONFIGS = [
    'vite.config.js',
    'vite.config.mjs',
    'vite.config.ts'
];
const mergeConfigWithUserConfig = async (config$1, ctx)=>{
    const userConfig = await config.getUserConfig(USER_CONFIGS, ctx);
    if (userConfig) {
        return userConfig(config$1);
    }
    return config$1;
};

exports.mergeConfigWithUserConfig = mergeConfigWithUserConfig;
exports.resolveDevelopmentConfig = resolveDevelopmentConfig;
exports.resolveProductionConfig = resolveProductionConfig;
//# sourceMappingURL=config.js.map