What does “The code generator has deoptimised the styling of [some file] as it exceeds the max of “100KB”” mean?

by

This is related to compact option of Babel compiler, which commands to “not include superfluous whitespace characters and line terminators. When set to ‘auto’ compact is set to true on input sizes of >100KB.” By default its value is “auto”, so that is probably the reason you are getting the warning message. See Babel documentation.

You can change this option from Webpack using a query parameter. For example:

loaders: [
    { test: /\.js$/, loader: 'babel', query: {compact: false} }
]

More Related Contents:

  1. using async/await with webpack-simple configuration throwing error: RegeneratorRuntime not defined
  2. CORS error even after setting Access-Control-Allow-Origin or other Access-Control-Allow-* headers on client side
  3. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  4. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  5. Getting Unexpected Token Export
  6. How can I use ES6 in webpack.config.js?
  7. ES6 exporting/importing in index file
  8. How do I generate sourcemaps when using babel and webpack?
  9. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  10. Arrow Function syntax not working with webpack?
  11. Remove console.logs with Webpack & Uglify
  12. Webpack babel 6 ES6 decorators
  13. TypeError: MiniCssExtractPlugin is not a constructor
  14. Cannot find module ‘webpack/bin/config-yargs’
  15. Importing CSS files in Isomorphic React Components
  16. Webpack: “there are multiple modules with names that only differ in casing” but modules referenced are identical
  17. How to use a library from a CDN in a Webpack project in production
  18. Is it possible to create custom resolver in webpack?
  19. Module not found: Error: Can’t resolve ‘util’ in webpack
  20. Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED [duplicate]
  21. How to include css files in Vue 2
  22. What is `require.context`?
  23. Multiple html files using webpack
  24. Getting “Error: `output.path` needs to be an absolute path or `/`”
  25. Import ES module in Next.js ERR_REQUIRE_ESM
  26. Rules vs Loaders in Webpack – What’s the Difference?
  27. How to setup TypeScript + Babel + Webpack?
  28. Set environment variable for build in Netlify
  29. Inline JavaScript and CSS with webpack
  30. Preset files are not allowed to export objects

Leave a Comment