const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer'); module.exports = { typescript: { // !! WARN !! // Dangerously allow production builds to successfully complete even if // your project has type errors. // !! WARN !! ignoreBuildErrors: true, }, compress: false, pageExtensions: ['ts', 'tsx', 'md', 'mdx'], // Replace `jsx?` with `tsx?` env: { env: process.env.NODE_ENV, server: 'http://' + process.env.NEXT_PUBLIC_HOST + ':' + process.env.NEXT_PUBLIC_PORT + '', }, webpack(config, { isServer }) { config.optimization.minimize = false; productionBrowserSourceMaps: true, config.resolve.fallback = { // if you miss it, all the other options in fallback, specified // by next.js will be dropped. ...config.resolve.fallback, fs: false, // the solution }; // Only run the bundle analyzer for production builds and when the ANALYZE environment variable is set if (process.env.ANALYZE && !isServer) { config.plugins.push( new BundleAnalyzerPlugin({ analyzerMode: 'static', openAnalyzer: true, generateStatsFile: true, }) ); } return config; }, }