ความแตกต่างระหว่าง“ require (x)” และ“ import x”

ฉันเพิ่งเริ่มทำงานกับโปรเจ็กต์โหนดขนาดเล็กที่จะเชื่อมต่อกับ MongoDB npmแต่ผมไม่สามารถดูเหมือนจะได้รับโมดูลโหนดที่เกี่ยวข้องที่จะนำเข้าอย่างถูกต้องถึงแม้ว่าผมได้ติดตั้งอย่างถูกต้องผ่าน

ตัวอย่างเช่นรหัสต่อไปนี้เกิดข้อผิดพลาดโดยบอกฉันว่า "express ไม่มีการส่งออกเริ่มต้น":

import express from "express";

อย่างไรก็ตามรหัสนี้ใช้งานได้:

const express = require("express");

ดังนั้นคำถามของฉันคืออะไรความแตกต่างในวิธีการนำเข้าและตัวแปร / ต้องการวิธีการทำงานอย่างไร ฉันต้องการแก้ไขสิ่งที่ทำให้เกิดการนำเข้าของฉันในโครงการเนื่องจากดูเหมือนว่าจะทำให้เกิดปัญหาเพิ่มเติมตามถนน

แผนภาพนี้ง่ายที่จะช่วยให้ผมที่จะเข้าใจความแตกต่างระหว่างและrequireimport

นอกเหนือจากนี้,

คุณไม่สามารถเลือกโหลดเฉพาะชิ้นส่วนที่คุณต้องการได้requireแต่ด้วยimportsคุณสามารถเลือกโหลดเฉพาะชิ้นส่วนที่คุณต้องการ ที่สามารถบันทึกความจำ

การโหลดแบบซิงโครนัส (ทีละขั้นตอน) สำหรับrequireในอีกทางimportสามารถแบบอะซิงโครนัส (โดยไม่ต้องรอการนำเข้าก่อนหน้า) เพื่อให้สามารถทำงานได้ดีกว่า requireเล็กน้อย

ความแตกต่างที่สำคัญระหว่างrequireและimportคือrequireจะสแกนnode_modulesหาโมดูลโดยอัตโนมัติimportมาจาก ES6 จะไม่

คนส่วนใหญ่ใช้บาเบลเพื่อรวบรวมimportและexportทำให้การimportกระทำเหมือนกันrequireทำหน้าที่เช่นเดียวกับ

เวอร์ชันในอนาคตของ Node.js อาจสนับสนุนimportตัวเอง (จริง ๆแล้วเวอร์ชันทดลองทำไปแล้ว ) และการตัดสินโดยบันทึกของ Node.js importจะไม่สนับสนุนnode_modulesมันขึ้นอยู่กับ ES6 และต้องระบุเส้นทางของโมดูล

ดังนั้นฉันขอแนะนำให้คุณไม่ใช้importกับ Babel แต่คุณสมบัตินี้ยังไม่ได้รับการยืนยันมันอาจรองรับnode_modulesในอนาคตใครจะรู้

สำหรับการอ้างอิงด้านล่างเป็นตัวอย่างของวิธีที่ babel สามารถแปลงimportไวยากรณ์ของ ES6 เป็นCommonJS ได้requireไวยากรณ์

สมมติว่าไฟล์app_es6.jsมีการนำเข้านี้:

import format from 'date-fns/format';

นี่คือคำสั่งที่จะนำเข้ารูปแบบฟังก์ชั่นจากแพคเกจโหนดวัน FNS

package.jsonไฟล์ที่เกี่ยวข้องอาจมีลักษณะดังนี้:

"scripts": {
    "start": "node app.js",
    "build-server-file": "babel app_es6.js --out-file app.js",
    "webpack": "webpack"
}

.babelrcไฟล์ที่เกี่ยวข้องอาจเป็นดังนี้:

{
    "presets": [
        [
            "env",
            {
                "targets":
                {
                    "node": "current"
                }
            }
        ]
    ]
}

นี้build-server-fileสคริปต์ที่กำหนดไว้ในpackage.jsonไฟล์สั่งสำหรับบาเบลที่จะแยกเป็นไฟล์และการส่งออกไฟล์ app_es6.jsapp.js

หลังจากเรียกใช้build-server-fileสคริปต์ถ้าคุณเปิดapp.jsและค้นหาdate-fnsการนำเข้าคุณจะเห็นว่ามีการแปลงเป็น:

var _format = require("date-fns/format");

var _format2 = _interopRequireDefault(_format);

ไฟล์ส่วนใหญ่เป็น gobbledygook สำหรับมนุษย์ส่วนใหญ่ แต่คอมพิวเตอร์เข้าใจ

นอกจากนี้สำหรับการอ้างอิงเป็นตัวอย่างของวิธีการสร้างและนำเข้าโมดูลในโครงการของคุณถ้าคุณติดตั้งdate-fnsแล้วเปิดnode_modules/date-fns/get_year/index.jsคุณจะเห็นว่ามันมี:

var parse = require('../parse/index.js')

function getYear (dirtyDate) {
  var date = parse(dirtyDate)
  var year = date.getFullYear()
  return year
}

module.exports = getYear

เมื่อใช้กระบวนการบาเบลด้านบนapp_es6.jsไฟล์ของคุณอาจมี:

import getYear from 'date-fns/get_year';

// Which year is 2 July 2014?
var result = getYear(new Date(2014, 6, 2))
//=> 2014

และ Babel จะแปลงการนำเข้าเป็น:

var _get_year = require("date-fns/get_year");

var _get_year2 = _interopRequireDefault(_get_year);

และจัดการการอ้างอิงทั้งหมดไปยังฟังก์ชั่นตามลำดับ

ให้ฉันยกตัวอย่างสำหรับการรวมโมดูลด่วนด้วยความต้องการ & นำเข้า

-จำเป็นต้อง

var express = require('express');

นำเข้า

import * as  express from 'express';

ดังนั้นหลังจากใช้คำสั่งข้างต้นเราจะมีตัวแปรที่เรียกว่า 'ด่วน' กับเรา ตอนนี้เราสามารถกำหนดตัวแปร 'แอป' เป็น

var app = express(); 

ดังนั้นเราจึงใช้ 'ต้องการ' กับ 'CommonJS' และ 'นำเข้า' กับ 'ES6'

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ 'ต้องการ' & 'นำเข้า' โปรดอ่านลิงก์ด้านล่าง

need - ต้องการโมดูลใน Node.js: ทุกสิ่งที่คุณจำเป็นต้องรู้

นำเข้า - อัปเดตเกี่ยวกับโมดูล ES6 ใน Node.js

ไม่ใช่คำตอบที่นี่และอื่น ๆ เช่นความคิดเห็นขอโทษ แต่ฉันไม่สามารถแสดงความคิดเห็น

ในโหนด V10 คุณสามารถใช้ธง--experimental-modulesที่จะบอก Nodejs importคุณต้องการที่จะใช้ แต่สคริปต์รายการของคุณควรลงท้ายด้วย.mjsแต่สคริปต์รายการของคุณควรจะจบลงด้วยการ

โปรดทราบว่านี่ยังเป็นสิ่งทดลองและไม่ควรใช้ในการผลิต

// main.mjs
import utils from './utils.js'
utils.print();

// utils.js
module.exports={
    print:function(){console.log('print called')}
}

Ref 1 - Nodejs Doc

การอ้างอิง 2 - ปัญหา GitHub

ใหม่ ES6:

ควรใช้ 'นำเข้า' กับคำสำคัญ 'ส่งออก' เพื่อแบ่งปันตัวแปร / อาร์เรย์ / วัตถุระหว่างไฟล์ js:

export default myObject;

//....in another file

import myObject from './otherFile.js';

Skool เก่า:

ควรใช้ 'ต้องการ' กับ 'module.exports'

 module.exports = myObject;

//....in another file

var myObject = require('./otherFile.js');