webpack - 在 webpack 项目中使用 billboard.js 开发图表

Question

我有一个使用 webpack 的工作项目，它是基于 jquery 的，主要包括数据表和插件。现在是时候支持一些折线图了，我发现了一个很酷的带有 billboard.js 的库。我不知道如何让它工作，第一步是将这些资源包含到 index.js 中：

import * as d3 from "d3";
import {bb, area, bar, zoom} from "billboard.js";
import "billboard.js/dist/theme/insight.css";

在此之后，我添加了一个简单的空 div：

<div id="chart"></div>

最后我从他的官方网站复制了这段代码：

var chart = bb.generate({
    bindto: "#chart",
    data: {
        type: "bar",
        columns: [
            ["data1", 30, 200, 100, 170, 150, 250],
            ["data2", 130, 100, 140, 35, 110, 50]
        ]
    }
});

此事件在应用程序的 dom 中与他的 div 一起加载，一旦我运行“npm run build”，我不会进入我的自定义代码打包的输出，但它会停止在我的 html 模板中的包含处，我用于设计我的功能的输出布局。我只是没有收到任何错误，它在到达我的代码之前就停止了。我错过了什么？如果我找不到让它工作的方法，我将删除这个库。

标签： webpackchartsbillboard.js