Использование экспортированной функции из файла Javascript с трансплантированной Babel внутри нетранслируемой HTML-страницы

Question

Поэтому я хотел бы воспользоваться современным синтаксисом Ecmascript в проекте, который я разрабатываю. Я использую nw.js ( https://nwjs.io/) для серверного приложения NodeJS. У меня есть настройка веб-пакета для трансплантации Babel, и я думаю, что все на этой стороне работает правильно и создает мой файл bundle.js, который содержит код Javascript, на который я хочу сослаться.

Проблема в том, что у меня есть основной HTML-файл для моего приложения, и я хочу ссылаться на функции внутри своего пакета. Каков наилучший способ доступа к экспортируемым функциям? Я пытался использовать require, а также ссылки на module.exports для ссылки на экспортируемые функции в моем bundle.js, но ни одна из них, похоже, не работает. Мне нужно иметь возможность вызвать событие нажатия кнопки, а затем вызвать одну из функций в моем комплекте.

Я должен добавить, что я понимаю, что могу добавлять прослушиватели событий в сам файл пакета, но я бы предпочел иметь возможность ссылаться на функцию непосредственно из события on click в моем HTML-элементе, если это возможно.

Answer 1

Это может быть то, что вы после. По сути, вы должны указать webpack экспортировать в библиотеку:

output: {
    path: path.resolve(__dirname, 'dist/js'),
    filename: 'app.bundle.js',
    libraryTarget: 'var',
    library: 'EntryPoint'
}

Затем вы можете ссылаться на "EntryPoint" в другом месте.

<script src="./dist/js/app.bundle.js"></script>
<script type="text/javascript">
    window.onload = function(){
        EntryPoint.run({ name : 'Joe Bloggs' }) 
    };
</script>

Примеры кода приведены по ссылке, а не по моей!:)