Using require(‘…’) with a variable vs. using a string in webpack

by

Since Webpack is running in build-time, it can’t figure out which modules to bundle when the name is a dynamic variable. You can give it hints by specifying part of the path (for example, if you know all the modules are in a single directory).

This answer can help:
https://stackoverflow.com/a/33048000

(Also check require.context by Webpack. Another example is karma tests, here.)

Alternatively – if you know the filenames in advanced, it’s better to add another build step to output them a strings to the file, that way Webpack can bundle them.

More Related Contents:

  1. styled components final styles are injected directly in DOM with tag, with style tag injection does performance gets affected?
  2. Define global variable with webpack
  3. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  4. How to copy static files to build directory with Webpack?
  5. What does the @ mean inside an import path?
  6. ES6 exporting/importing in index file
  7. How to load all files in a directory using webpack without require statements
  8. How do I generate sourcemaps when using babel and webpack?
  9. ES6 modules implementation, how to load a json file
  10. Load new modules dynamically in run-time with Angular CLI & Angular 5
  11. Angular 2 – communication of typescript functions with external js libraries
  12. When should I use brackets with imports
  13. How to store Configuration file and read it using React
  14. Arrow Function syntax not working with webpack?
  15. How to bundle vendor scripts separately and require them as needed with Webpack?
  16. Webpack file-loader outputs [object Module]
  17. Webpack babel 6 ES6 decorators
  18. Conditional build based on environment using Webpack
  19. Importing CSS files in Isomorphic React Components
  20. javascript import from ‘/folder’ with index.js
  21. Webpack and external libraries
  22. Is it possible to use dotenv in a react project?
  23. What are differences between SystemJS and Webpack?
  24. Webpack: Bundle.js – Uncaught ReferenceError: process is not defined
  25. Electron IPC and nodeIntegration
  26. Webpack 5 – Uncaught ReferenceError: process is not defined
  27. Example of how to load static CSS files from node_modules using webpack?
  28. Conflict: Multiple assets emit to the same filename
  29. Rails 5/6: How to include JS functions with webpacker?
  30. Solution: load independently compiled Webpack 2 bundles dynamically [closed]

Leave a Comment