Bootstrap Datepicker导入多次调用

Question

bootstrap-datepicker javascript模块出现问题。

背景

我正在使用gobuffalo框架来制作Web应用程序。 Gobuffalo使用Webpack来管理javascript文件。我正在使用多个不同的javascript文件，并使用ES6语法导入模块，例如：

import "bootstrap-datepicker";

问题

我需要在多个文件中包含bootstrap-datepicker模块，因为在许多地方都使用了datepicker。当我有多个文件加载bootstrap-datepicker时，会弹出datepicker弹出窗口，但单击时无法更改文本框的日期。

我尝试为datepicker创建文件：

// datepicker.js
import "bootstrap-datepicker";

export function datepicker($el, settings) {
    return $el.datepicker(settings);
}

然后将其导入多个位置：

// datagrid.js
import { datepicker } from "./datepicker";

// purchase_order_form.js
import { datepicker } from "./datepicker";

这不起作用，因为（如我所知），当导入函数时，您运行文件中的所有代码，因此导入'bootstrap-datepicker'仍被多次加载

单个javascript文件被加载到相关html部分的底部，例如：

<%= javascriptTag("purchase_orders_datagrid.js") %>

，并且主应用程序javascript文件正在部分javascript标签下面加载。这意味着我无法在主应用程序文件中加载bootstrap-datagrid，并且每个JavaScript文件中都没有该文件。

任何帮助将不胜感激。

谢谢！