When do we need to add file extension when importing JavaScript modules?

When importing modules, I noticed sometimes imported files have their extension, example:

import { myFunc } from './foo.js';

Whereas other libraries, the imports do not:

import { myFunc } from './foo';

Is this related to ES modules vs CommonJS modules?

When do we need to add file extension when importing JavaScript modules?

Good Question 0Comment Collection Report

0 Answer

longnaxieye 注册会员
2023-01-26 05:38

It depends on your runtime and compilation environment, and also on whether you are using ES modules (the import syntax) or CommonJS modules (the require syntax). Find below an overview of the most common cases:

Webpack (used by Create React App and others tools) works with ES modules like so:

If you are using ES modules with Node.js or in the browser without any compilation step:

If you are using CommonJS modules with Node.js:

Agree 0 0Comment

About the Author

: ddl891106 注册会员
这家伙很懒，什么都没留下...

0: Answer

0: Article

0: Question

Question Info

Publish Time: 2023-01-26 05:38

Update Time: 2023-01-26 05:38

OnDoubleClick行可伸缩

4 View 0 Follow 0 Answer 0 Comment

我如何在python中使用weka中的过滤器和其他函数?

3 View 0 Follow 0 Answer 0 Comment

怎么使用Python和Selenium的框架进行Web自动化控制浏览器导入文件

6 View 0 Follow 0 Answer 0 Comment

javaweb项目启动后一两分钟druid报错连接关闭

2 View 0 Follow 0 Answer 0 Comment

在docker中跟踪应用程序时，perf找不到ELF来unwind

3 View 0 Follow 0 Answer 0 Comment

在Safari浏览器(Monterey版本)中运行selenium测试时，SafariDriver抛出webdriver异常和空消息

4 View 0 Follow 0 Answer 0 Comment

如何使用注册表设置快捷键在Windows?

0 View 0 Follow 0 Answer 0 Comment