How to import javascript files into one another

Common JS Module System

module.exports/require

• This is the older way that node would import files into one another.
• Use it with normal javascript files. This works whether you have a package.json or not
• Some node packages may not be compatible with this syntax. But it is still in use

Example:

• In your import file (script.js)

const tasks = require('./taskList.js)

• Your export file would look something like this

module.exports = {
  tasks: [
    // output content here
  ]
}

---

ES6 Syntax

import/export

• This is the newer syntax and is focused on modules
• If you are in a node project, "type: "module" should be in your package.json
• Otherwise you can use this syntax by giving files the .mjs file extension
• Vue and Nuxt use this style of imports

Example (Using .mjs files)

• import file (script.mjs)

import { tasks } from './taskList.mjs'

• export file (tasList.mjs)

export const tasks = [
  // array here
]

• note that an array is not necessary, it is just the content type used in these examples