Javascript с именем export экспортирует все, не только то, что было названо

Question

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

Как экспортировать только нужные функции?

Пример кода: Файл 1:

function a {...}
function b {...}

(function() {...})();
$('asdf').on('click', function(event) {...});

export{ a, b };

Файл 2:

import { a, b } from './file1.js';

// Events appear here too!

Я использую веб-пакет и генерирую один файл JS для каждого модуля.

Answer 1

Я изменяю оператор импорта следующим образом

Это работает для меня.

file1.js

function a() {
     console.log("foo");
}
function b() {
    console.log("bar");
}

(function() {})();
$('asdf').on('click', function(event) {});

export{ a, b };

main.js

import * as MyFn from './file1'

MyFn.a();
MyFn.b();