Function createProdBrowserConfig

lib/webpack/shared.cjs:111–182

(baseConfig, babelConfig, envVars)

}

async function createProdBrowserConfig(baseConfig, babelConfig, envVars) {
  const browserConfig = createBaseBrowserConfig(baseConfig);
  const babelRule = getBrowserBabelRule(babelConfig);
  const { alchemyKey, walletConnectKey, neynarKey } = await getConfigs();
  return {
    ...browserConfig,
    mode: 'production',
    plugins: [
      ...browserConfig.plugins,
      new webpack.DefinePlugin({
        'process.env': {
          NODE_ENV: JSON.stringify('production'),
          BROWSER: true,
          COMM_ALCHEMY_KEY: JSON.stringify(alchemyKey),
          COMM_WALLETCONNECT_KEY: JSON.stringify(walletConnectKey),
          COMM_NEYNAR_KEY: JSON.stringify(neynarKey),
          ...envVars,
        },
      }),
      new MiniCssExtractPlugin({
        filename: 'prod.[contenthash:12].build.css',
      }),
    ],
    module: {
      rules: [
        {
          ...babelRule,
          options: {
            ...babelRule.options,
            plugins: [
              ...babelRule.options.plugins,
              '@babel/plugin-transform-react-constant-elements',
              [
                'transform-remove-console',
                { exclude: ['error', 'warn', 'info'] },
              ],
            ],
          },
        },
        {
          test: /\.css$/,
          exclude: /node_modules\/.*\.css$/,
          use: [
            cssExtractLoader,
            {
              ...cssLoader,
              options: {
                ...cssLoader.options,
                url: false,
              },
            },
          ],
        },
        {
          test: /node_modules\/.*\.css$/,
          sideEffects: true,
          use: [
            cssExtractLoader,