es6-从一些不带别名的js文件中导入所有功能，以创建webpack捆绑包

Question

我有很多具有更多功能的js文件。

// first file
function name1(){...}
function name2(){...}
function name3(){...}
function name4(){...}
...
// ...second file
function name(){...}
...

并且有一个入口点，我想导入该模块并连接所有名称空间以进行Webpack捆绑，但是我不能使用

import * as alias from "modules/myModules";

因为在我的HTML中，我有属性onclick，在这里我没有写别名。 我需要类似的东西：

import { * } from "module/myModules"

在这种情况下我该怎么办？ （我是用HTML编写别名还是有更好的主意？）

Answer 1

考虑到该线程（ es6-导入所有没有别名的命名模块 ）和MDN的import spec页面 ，没有es6语法可以导入所有没有别名的符号。

另外，最好的做法是为JavaScript命名空间。 良好的命名空间可以防止多个导入之间难以调试的名称冲突。

最后，标记属性样式的处理程序只能访问全局定义。 对于es6-module-uncaught-referenceerror-function-is-not-defined-at-htmlbuttonelemen ，您可以将函数添加到全局范围，也可以通过javascript之类将其附加

document.querySelector("#container button").addEventListener("click", createNotification);

我建议您有一个专用模块将事件绑定到页面。 这将防止UI操作泄漏到您的逻辑中。

Answer 2

你可以试试

import "module/myModules";

它应该将您的文件添加到捆绑包中。