webpack.config.js

const path = require('path')
const { merge } = require('webpack-merge')
const parts = require('./webpack.parts')
const { mode, analyze } = require('webpack-nano/argv')

const common = merge([
    {
        experiments: {
            asyncWebAssembly: true
        },
        resolve: {
            alias: {
                src: path.resolve(__dirname, 'src')
            }
        }
    },
    { output: { path: path.resolve(process.cwd(), 'public/build') } },
    parts.page({ title: 'Sh*t Kanye says' }),
    parts.loadSvg(),
    parts.svelte(mode),
    parts.extractCSS({ loaders: [parts.postcss()] }),
    parts.cleanDist(),
    parts.useWebpackBar(),
    parts.useDotenv()
])

const development = merge([
    { entry: ['./src/index.ts', 'webpack-plugin-serve/client'] },
    { target: 'web' },
    parts.generateSourceMaps({ type: 'eval-source-map' }),
    parts.esbuild(),
    parts.devServer()
])

const production = merge(
    [
        { entry: ['./src/index.ts'] },
        parts.typescript(),
        parts.optimize(),
        analyze && parts.analyze()
    ].filter(Boolean)
)

const getConfig = mode => {
    switch (mode) {
        case 'production':
            return merge(common, production, { mode })
        case 'development':
            return merge(common, development, { mode })
        default:
            throw new Error(`Unknown mode, ${mode}`)
    }
}

const config = getConfig(mode)

console.log(JSON.stringify(config, null, '   '))

module.exports = config