ES6 Экспорт и импорт функции

Question

Если у меня есть файл ES6 JS (test.js) ...

export default function() { 
    let foo = "test" 
    return foo 
} 

С Бабеля, является возможным transpile и вызвать его в файле index.html

<script src="js/text-min.js"></script> 

И начать использовать функцию без необходимости импортировать ее в другой файл js? Для примера. следующий тег скрипта будет иметь следующий код. Это используется с Webpack -

<script> 
    var bar = new foo(); 
    console.log(bar); 
</script> 

Answer 1

Итак, я решил эту проблему, предоставив выход var с помощью Webpack. Отличная статья, которая говорит по этому вопросу - http://siawyoung.com/coding/javascript/exporting-es6-modules-as-single-scripts-with-webpack.html

Answer 2

transpiled версия приведенного выше кода производит, как это,

"use strict"; 

    Object.defineProperty(exports, "__esModule", { 
    value: true 
    }); 

    exports.default = function() { 
    var foo = "test"; 
    return foo; 
    }; 

Как вы можете видеть, это добавить свойство экспортировать объект с именем __esModule. Ничего больше. Таким образом, у вас нет способа включить эту функцию по умолчанию без использования импорта или запроса.

Answer 3

Что вы на самом деле ищете, это глобальная переменная (что, вероятно, не является отличной идеей). Например:

Модуль 1:

import {foo} from 'foo'; // still an ES6 module, just no export 

// global variable 'bar' 
window.bar = (...args) => foo(...args) + 6; 

Затем в Модуль 2:

bar(1, 3, 5); 

Заметим, что это подрывает весь смысл использования модулей и должны быть использованы очень экономно.