How to import a JS file in another JS file in ES6?

Question

I have got this node server and a bunch of JS classes in my js directory. I want to create a file called "exports.js" that exports all the classes required by server (using exports.Classname = class notation). However, the problem is that exports.js doesn't have access to the classes. I was wondering what's the correct syntax for importing the whole ES6 class in another file. So far I have tried following with no luck:

//I want to import User class from User.js
import "./User.js"; 
import "User";
import "./User";

Any help would be much appreciated.

Note: Not that it makes any difference but please note that I am using Babel transpiler.

If using babel, then import is fine. If not, you have to use require(). Babel transforms import in require() — user2345
– user2345, Commented Dec 17, 2016 at 0:35
Did you read the MDN documentation? developer.mozilla.org/en/docs/Web/JavaScript/Reference/… . It lists all the possible ways how to import a module. — Felix Kling
– Felix Kling, Commented Dec 17, 2016 at 0:43
Use the last one. But first you need to do export default [YOUR CLASS] in the file your define User. — newguy
– newguy, Commented Dec 17, 2016 at 5:03
Also, if you want to use / reference the class after import you should use import User from './User', then you can reference it — Ovidiu Dolha
– Ovidiu Dolha, Commented Dec 19, 2016 at 8:14

Alessia · Accepted Answer · 2017-07-17 05:56:31Z

18

// user.js
class user{
    ...
}
export default user

// another js
import user from './user.js'

answered Jul 17, 2017 at 5:56

Alessia

97911 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to import a JS file in another JS file in ES6?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related