Is it possible to es6 import a commonjs module?
Short Answer: No
When using es6, you need to export using export
and not exports
. exports
is a commonjs feature primarily used within node and not a web browser.
If you would like to use commonjs
you need to use a third party library like requirejs, but this uses require()
and not import
, and exports
and not export
. You will then be able to write your code using import/export with typescript but it will be compiled using require
and requirejs
will handle the rest.
So, to use it in the browser properly, you would do it like so:
test.js
export function Test() {
console.log('hello')
}
index.js
import { Test } from './test.js'
Test()
Then when you load the file in your html, the function test will execute.
<script src="index.js" type="module"></script>