Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can I build my app into single js file?

See original GitHub issue

Tried this one, but it didn’t help:

module.exports = {
   webpack: {
      configure: {
         optimization: {
            runtimeChunk: false,
            splitChunks: {
               cacheGroups: {
                  default: false,
               },
            },
         },
      },
   },

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:5

Top GitHub Comments

5reactions

dilakvcommented, Apr 27, 2020

This worked for me.

Generate one file with css and one with js.

if someone gets a better solution i’ll be grateful.


module.exports = {
  webpack: {
    configure: {
      output: {
        filename: 'main.js',
      },
      // externals: {
      //   react: {
      //     root: 'React',
      //     commonjs2: 'react',
      //     commonjs: 'react',
      //     amd: 'react',
      //     umd: 'react',
      //   },
      //   'react-dom': {
      //     root: 'ReactDOM',
      //     commonjs2: 'react-dom',
      //     commonjs: 'react-dom',
      //     amd: 'react-dom',
      //     umd: 'react-dom',
      //   },
      // },
      optimization: {
        runtimeChunk: false,
        splitChunks: {
          chunks: 'all',
          cacheGroups: {
            default: false,
            vendors: false,
            // vendor chunk
          },
        },
      },
    },
  },
  plugins: [
    {
      plugin: require('craco-plugin-scoped-css'),
    },
  ],
}

0reactions

vjsinghcommented, Feb 5, 2021

@gupta-ji6 Is this working in CRA 4? It’s not working for me (commented on that thread as well, but realized it may be a craco issue and not a CRA issue).