Resolving require paths with webpack

by

Webpack >2.0

See wtk’s answer.

Webpack 1.0

A more straightforward way to do this would be to use resolve.root.

http://webpack.github.io/docs/configuration.html#resolve-root

resolve.root

The directory (absolute path) that contains your modules. May also be an array of directories. This setting should be used to add individual directories to the search path.

In your case:

webpack config

var path = require('path');

// ...

  resolve: {
    root: path.resolve('./mydir'),
    extensions: ['', '.js']
  }

consuming module

require('myfile')

or

require('myfile.js')

see also: http://webpack.github.io/docs/configuration.html#resolve-modulesdirectories

More Related Contents:

  1. Javascript object bracket notation ({ Navigation } =) on left side of assign
  2. The create-react-app imports restriction outside of src directory
  3. Correct path for img on React.js
  4. Getting Unexpected Token Export
  5. Expose jQuery to real Window object with Webpack
  6. How to prevent moment.js from loading locales with webpack?
  7. webpack dynamic module loader by require
  8. How to import image (.svg, .png ) in a React Component
  9. Load new modules dynamically in run-time with Angular CLI & Angular 5
  10. firebase.auth is not a function
  11. When should I use brackets with imports
  12. What exactly is Hot Module Replacement in Webpack?
  13. `this` is undefined in Dev Tools when using arrow function
  14. How to build minified and uncompressed bundle with webpack?
  15. webpack require every file in directory
  16. Can I use webpack to generate CSS and JS separately?
  17. Webpack bundles my files in the wrong order (CommonsChunkPlugin)
  18. Webpack output is empty object
  19. Webpack breaking change
  20. Webpack not excluding node_modules
  21. “You may need an additional loader to handle the result of these loaders.”
  22. HtmlWebpackPlugin injects relative path files which breaks when loading non-root website paths
  23. how to set up an inline svg with webpack
  24. Import ES module in Next.js ERR_REQUIRE_ESM
  25. How to disable ESLint in vue-cli?
  26. Run command after webpack build
  27. How can I use webpack with express?
  28. how can I use top level “await” in typescript next.js
  29. How can I fix the “BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default" error?
  30. What does this javascript syntax mean ? (0, _parseKey2.default)(something) [duplicate]

Leave a Comment