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!

我正在使用webpack并为每个模块生成一个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();

命名为export的Java脚本会导出所有内容，而不仅仅是命名的内容

1 个答案: