How to import a JS module without specifying an extension?

Question

Node.js

In other people's code for Node.js, I often see how JS modules are imported without specifying the extension .js, for example:

import Example from './example'; // вместо './example.js'

When I try to do the same in my code, it results in a "Cannot find module" error.

How do I set up my project so that JS modules can be imported without specifying an extension?

Answer 1

In pure Node.js, when using ESM, it is mandatory to specify the extension due to following the specification. If you want to use ESM, but not depend on pure Node.js, you need to use one of several options:

• typescript
  
• Babel
  
• webpack
  
• Rollup
  
• esm module
  

Answer 2

Read documentation. It's very good in webpack.
https://webpack.js.org/configuration/resolve/#reso...