Node

Enabling ES import/export

You can use ES6 import/export in Node.js by simply adding “type”: “module” to your package.json file, like this:

{
“type”: “module”
}

You can also save a file with the .mjs extension to be able to use import/export, for example:Advertisements

// abc.mjs
const abc = () => {
console.log(‘hello’)
}
export default abc;// index.js
import abc from ‘./abc.mjs’;
abc()

Какая у вас структура папок в gulp?

  • 1 подписчик
  • 14 окт.
  • 109 просмотров

ответов
0

  • javascript
    • JavaScript

    • +1 ещё

    Средний

  • Как реализовать правильно структуру js файлов?

    • 1 подписчик
    • 12 окт.
    • 60 просмотров

    ответов
    0

  • css
    • CSS

    • +2 ещё

    Простой

  • Как собрать БЭМ-проект с помощью Gulp?

    • 1 подписчик
    • 18 часов назад
    • 21 просмотр

    ответ
    1

  • javascript
    • JavaScript

    • +3 ещё

    Простой

  • Using both “require” and “import” in the same file

    What if you want to use both “require” and “import” in the same file? Is it possible? The answer is “Yes” but you have to do some extra things. Otherwise, you will get the following error:

    ReferenceError: require is not defined in ES module scope, you can use import instead

    To use “require” in the ES module scope, you have to define it. Just two lines of code to get the job done:

    // These lines make “require” available
    import { createRequire } from “module”;
    const require = createRequire(import.meta.url);

    Как сделать слежение над файлом SCSS в GULP?

    • 1 подписчик
    • 12 окт.
    • 29 просмотров

    ответ
    1

  • javascript
    • JavaScript

    • +2 ещё

    Средний

  • Как интегрировать сборку фронтенда в django?

    • 1 подписчик
    • 05 окт.
    • 45 просмотров

    ответов
    0

  • gulp.js
    • Gulp.js

    Простой

  • Как переключатся между html страницами, в gulp?

    • 1 подписчик
    • 26 сент.
    • 43 просмотра

    ответ
    1

  • gulp.js
    • Gulp.js

    Простой

  • Почему не срабатывает gulp newer?

    • 1 подписчик
    • 25 сент.
    • 40 просмотров

    ответа
    2

  • node.js
    • Node.js

    • +1 ещё

    Средний

  • Как исправить ошибку TypeError: expected a string, в gulp?

    • 1 подписчик
    • 07 окт.
    • 59 просмотров

    ответов
    0

  • django
    • Django

    • +1 ещё

    Простой

  • Как настроить webpack через gulp?

    • 1 подписчик
    • 12 окт.
    • 53 просмотра

    ответ
    1

  • node.js
    • Node.js

    • +2 ещё

    Простой

  • Как оптимизировать GULP?

    • 1 подписчик
    • 22 сент.
    • 56 просмотров

    ответов
    0

  • Показать ещёЗагружается…
  • Вакансии с Хабр Карьеры

    Программист баз данных MS-SQL ( удаленно)

    LogistiX
    •Москва
    от 120 000 ₽

    QA инженер

    SberTech
    •Санкт-Петербург
    от 150 000 до 250 000 ₽

    Инженер технической поддержки L2 (Infrastructure)

    SberTech
    •Москва
    от 150 000 до 220 000 ₽
    Ещё вакансии

    Заказы с Хабр Фриланса

    Создать страницу «Работа администратора с предложениями экспертов»

    21 окт. 2022, в 11:59
    1000 руб./за проект

    Реализовать бэк на Laravel

    21 окт. 2022, в 11:53
    100000 руб./за проект

    В мобильной версии “Каталог” заменить на бургер с выпадающим списком

    21 окт. 2022, в 11:48
    300 руб./за проект
    Ещё заказы

    Минуточку внимания

    Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями

    Зарегистрироваться

    Самое интересное за 24 часа

    • Почему из-за плагина w3tc не открывается страница?

      • 2 подписчика
      • 0 ответов
    • Smartctl ругается на нечитаемые сектора, но MegaCli делает вид, что всё в порядке, кому верить?

      • 2 подписчика
      • 0 ответов
    • Какая погрешность в количестве фиксаций целевых событий в Яндекс метрике допустима?

      • 2 подписчика
      • 0 ответов
    • Почему в Chrome не отображается круг, а получается квадрат?

      • 2 подписчика
      • 1 ответ
    • Как умножить матрицы с помощью SSE?

      • 3 подписчика
      • 0 ответов
    • Как сделать аутентификацию по номеру телефона?

      • 4 подписчика
      • 0 ответов
    • Как подождать асинхронного выполнения всех подписчиков события?

      • 3 подписчика
      • 0 ответов
    • Ломается весь код в Sublime Text?

      • 3 подписчика
      • 1 ответ
    • Периодически падает сайт с ошибкой 502 как найти проблему?

      • 3 подписчика
      • 2 ответа
    • Какой компилятор выбрать для C++?

      • 2 подписчика
      • 3 ответа
    • © Habr
    • О сервисе
    • Обратная связь
    • Блог

    A Complete Example

    A good example that you cannot use “import” directly is with a JSON file. In this case, you can use “require” or read the content from the JSON file using the “fs” module. In this example, we will choose the first option.

    The sample project we are going to build is really plain. Its job is to send data from a JSON file to the user after they make a GET request to http://localhost:3000 (with a web browser or Postman or whatever HTTP tool you like).Advertisements

    1. Go to the folder you want your project to live in then install express by running:Advertisements

    npm i express

    Create a sub folder named src and add two empty files to it: data.json and index.js. Now the project structure looks like this:

    .
    ├── node_modules
    ├── package-lock.json
    ├── package.json
    └── src
    ├── data.json
    └── index.js

    2. Add “type”: “module” to your package.json to enable ES6 import/export:

    {
    “name”: “kindacode”,
    “version”: “1.0.0”,
    “description”: “”,
    “type”: “module”,
    “main”: “index.js”,
    “scripts”: {
    “dev”: “nodemon src/index.js”
    },
    “author”: “”,
    “license”: “ISC”,
    “dependencies”: {
    “express”: “^4.18.1”
    }
    }

    3. Put the code below to your index.js:

    Advertisements// index.js
    import express from “express”;

    // Define “require”
    import { createRequire } from “module”;
    const require = createRequire(import.meta.url);

    const data = require(“./data.json”);

    const app = express();
    app.use(express.json());
    app.get(“/”, (req, res) => {
    res.status(200).send(data);
    });

    app.listen(3000, (error) => {
    if (error) {
    throw new Error(error);
    }

    console.log(“Backend is running”);
    });

    4. Gives your data.json some data:

    {
    “name”: “John Doe”,
    “age”: 101,
    “occupation”: “astronaut”
    }

    5. Run the project and go to http://localhost:3000 by using your browser or Postman.

    The result:

    Источники

    • https://www.kindacode.com/article/node-js-how-to-use-import-and-require-in-the-same-file/
    • https://qna.habr.com/q/1149426
    [свернуть]
    Решите Вашу проблему!


    ×
    Adblock
    detector