Bootstrap-table ES6 中的扩展导入

Question

我想 load/import 并使用 Bootstrap-table 扩展，但运气不好...

基础模块加载正常：

我在 package.json 中添加了纱线，它像这样放在那里：

"bootstrap-table": "^1.11.2",

在 javascript 文件中我导入它：

import BootstrapTable from "bootstrap-table";

而且用法也很好:

$.extend($.fn.bootstrapTable.defaults, {
  filterControl: true,
  showMultiSort: true
});

$('.element').bootstrapTable();

但是（很明显）它没有选择自定义选项。我应该如何从 node_modules/bootstrap-table/src/extensions 目录加载扩展？

在 ES5 中，我不得不在 bootstrap-table.js 之后一个接一个地加载这些 js 文件。但是它在 ES6 中是如何工作的呢？

谢谢！

Answer 1

要使用 named imports 包需要使用 named exports，我刚刚查看了那个包但它没有，所以你不能导入一个具有 ES6 语法的模块成员：

import {Module} from 'my-package';

因此您必须直接在 node_modules 文件夹中引用该文件：

import FilterControl from '/node_modules/bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control.min.js';

可能值得提出一个问题，要求包发布者添加 named exports，它本质上是一个文件入口点，可以为您导出所有内容。

Bootstrap-table extension import in ES6