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";

它應該將您的文件添加到捆綁包中。