Имя импорта переменной 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 :

Декларация об импорте :

• import ImportClause FromClause;

• Импортировать ModuleSpecifier;

FromClause :

• из ModuleSpecifier

ModuleSpecifier :

• СтроковойЛитерал

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() , что вызывает ошибку, если я пытаюсь импортировать созданный путь шаблона, который не существует.

Хорошие примеры и сравнения между require и import можно найти здесь: 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();