Імпорт імпорту змінної ES6 в node.js?

чи можливо імпортувати щось у модуль, що забезпечує ім'я змінної під час використання імпорту ES6?

Тобто я хочу імпортувати якийсь модуль під час виконання в залежності від значень, наданих у конфігурації:

import something from './utils/' + variableName;

Не з importтвердженням. importі exportвизначаються таким чином, що вони є статистично проаналізованими, тому вони не можуть залежати від інформації часу виконання.

Ви шукаєте API завантажувача (polyfill) , але мені трохи не зрозуміло стан специфікації:

System.import('./utils/' + variableName).then(function(m) {
  console.log(m);
});

На додаток до відповіді Фелікса , я чітко зазначу, що це в даний час заборонено граматикою ECMAScript 6 :

ІмпортДекларація :

• імпортувати ImportClause FromClause;

• імпорт ModuleSpecifier;

ВідКауза :

• від ModuleSpecifier

ModuleSpecifier :

• StringLiteral

ModuleSpecifier може бути тільки СтроковойЛітерал , а не якийсь - або інший вид вираження , як АддітівноеВираженіе .

Хоча це насправді не є динамічним імпортом (наприклад, за моєї обставини, всі файли, які я імпортую нижче, будуть імпортовані та укомплектовані веб-пакетом, а не вибрані під час виконання), шаблон, який я використовую, може допомогти за певних обставин: :

import Template1 from './Template1.js';
import Template2 from './Template2.js';

const templates = {
  Template1,
  Template2
};

export function getTemplate (name) {
  return templates[name];
}

або альтернативно:

// index.js
export { default as Template1 } from './Template1';
export { default as Template2 } from './Template2';


// OtherComponent.js
import * as templates from './index.js'
...
// handy to be able to fall back to a default!
return templates[name] || templates.Template1;

Я не думаю, що я можу так легко повернутися до замовчування require(), що призводить до помилки, якщо я спробую імпортувати побудований шлях шаблону, який не існує.

Хороші приклади та порівняння між потребою та імпортом можна знайти тут: http://www.2ality.com/2014/09/es6-modules-final.html

Відмінна документація щодо реекспорту з @iainastacio: http://exploringjs.com/es6/ch_modules.html#sec_all-exporting-styles

Мені цікаво почути відгуки про такий підхід :)

Існує нова специфікація, яка називається динамічним імпортом для модулів ES. В основному, ти просто дзвониш import('./path/file.js')і ти добре їдеш. Функція повертає обіцянку, яка вирішується з модулем, якщо імпорт був успішним.

async function importModule() {
   try {
      const module = await import('./path/module.js');
   } catch (error) {
      console.error('import failed');
   }
}

Використовуйте випадки

Випадки використання включають імпорт компонентів на основі маршруту для React, Vue тощо та можливість ледачих модулів завантаження , коли вони потрібні під час виконання.

Детальна інформація

Ось пояснення щодо розробників Google .

Сумісність веб-переглядачів (квітень 2020 р.)

За даними MDN, його підтримує кожен головний веб-переглядач (крім IE), а caniuse.com демонструє 87% підтримки на світовій частці ринку. Знову немає підтримки в IE або нехромових Edge.

Я розумію, що питання, задане спеціально для ES6 importв Node.js, але наступне може допомогти іншим, хто шукає більш загальне рішення:

let variableName = "es5.js";
const something = require(`./utils/${variableName}`);

Зверніть увагу, якщо ви імпортуєте модуль ES6 і вам потрібно отримати доступ до defaultекспорту, вам потрібно буде скористатися одним із наступних дій:

let variableName = "es6.js";

// Assigning
const defaultMethod = require(`./utils/${variableName}`).default;

// Accessing
const something = require(`./utils/${variableName}`);
something.default();

Ви також можете використовувати деструктуризацію за допомогою цього підходу, що може додати більше ознайомлення з синтаксисом з вашим іншим імпортом:

// Destructuring 
const { someMethod } = require(`./utils/${variableName}`);    
someMethod();

На жаль, якщо ви хочете отримати доступ defaultта зруйнувати його, вам потрібно буде виконати це в кілька етапів:

// ES6 Syntax
Import defaultMethod, { someMethod } from "const-path.js";

// Destructuring + default assignment
const something = require(`./utils/${variableName}`);

const defaultMethod = something.default;    
const { someMethod, someOtherMethod } = something;

ви можете використовувати позначення без ES6 для цього. ось що для мене спрацювало:

let myModule = null;
if (needsToLoadModule) {
  myModule = require('my-module').default;
}

Мені цей синтаксис мені менше подобається, але він працює:
замість того, щоб писати

import memberName from "path" + "fileName"; 
// this will not work!, since "path" + "fileName" need to be string literal

використовувати цей синтаксис:

let memberName = require("path" + "fileName");

Динамічний імпорт () (доступний у Chrome 63+) зробить вашу роботу. Ось як:

let variableName = 'test.js';
let utilsPath = './utils/' + variableName;
import(utilsPath).then((module) => { module.something(); });

Я би зробив це так

function load(filePath) {
     return () => System.import(`${filePath}.js`); 
     // Note: Change .js to your file extension
}

let A = load('./utils/' + variableName)

// Now you can use A in your module

./utils/test.js

export default () => {
  doSomething...
}

виклик з файлу

const variableName = 'test';
const package = require(`./utils/${variableName}`);
package.default();