Unused Constants From Next/Dist Are Not Tree-Shaken In Client Bundles Due To CJS Resolution

import fs from "node:fs"; import path from "node:path"; const CJS_NEXT_DIST = /[\\/]node_modules[\\/]next[\\/]dist[\\/](?!esm[\\/]|compiled[\\/])/; const RESOURCE_SUFFIX = /^([^?#]*)(.*)$/s; /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, webpack: (config, { isServer, webpack }) => { if (!isServer) { config.plugins ??= []; config.plugins.push( new webpack.NormalModuleReplacementPlugin(CJS_NEXT_DIST, (result) => { const createData = result.createData; if (!createData?.resource) return; const [, file, suffix] = createData.resource.match(RESOURCE_SUFFIX); const esmFile = file.replace(CJS_NEXT_DIST, "$&esm/"); if (!fs.existsSync(esmFile)) return; createData.resource = esmFile + suffix; createData.context = path.dirname(esmFile); if (createData.request) { createData.request = createData.request.replace(file, esmFile); } }), ); } return config; }, }; export default nextConfig;