如何全局引用 javascript 导入？

Question

我正在凤凰城使用 Elixir 建立一个新的网络项目。我在使用 Javascript 时遇到了一个问题，该问题是在我希望导入的其他 javascript 文件中的

app.js

中导入的。

我已经在应用程序中安装了 DataTables.net：

npm install datatables.net-dt --save

并希望在我的

app.js

中使用它并带有 import 语句，如下所示：

app.js

import '../vendor/myjquery'
import DataTable from 'datatables.net-dt';
import '../vendor/mydatatable'

mydatatable.js

console.log("dataTable?")
new DataTable('#charges-table');

myjquery.js

import jQuery from 'jquery';
window.jQuery = jQuery
window.$ = jQuery

这里的问题是这不起作用并给我错误：

Uncaught ReferenceError: DataTable is not defined
    <anonymous> http://localhost:4000/assets/app.js:15971
    <anonymous> http://localhost:4000/assets/app.js:15981

棘手的部分是，如果我将 DataTable 导入到正在使用它的文件中，就没有问题。不过，这似乎是一个可怕的强加。我如何定义全局数据表导入以在整个站点的其他

.js

和

.html

文件中使用？

Answer 1

JavaScript 中不存在全局导入之类的东西。