Question

我正在尝试使用flot chart作为节点依赖项，并使用bable和browserify捆绑我的应用程序中的所有内容。

我只需使用导入＆＃39; flot＆＃39;;

就可以正常使用flot图表

我还想使用flot可以处理的其他类型的图表，如饼图。

flot node_modules文件夹有jquery.flot，jquery.flot.pie等。导入并捆绑了jquery.flot。但是我可以jquery.flot.pie不是。导入语句，如import＆＃39; flot.pie＆＃39;也不起作用。我也在使用gulp来构建应用程序。

有人有什么建议吗？我对节点babel和browserify都比较新。

这是我在package.json中的browserify设置

"browserify-shim": {
"bootstrap": {
  "depends": [
    "jquery:jQuery"
  ]
 }
},
"browserify-swap": {
"@packages": [
  "underscore"
],
"dist": {
  "underscore.js$": "lodash"
}
},
"browserify": {
"transform": [
  "babelify",
  [
    "hbsfy",
    {
      "extensions": [
        "hbs"
      ]
    }
  ],
  "browserify-swap",
  "browserify-shim"
]
}

Answer 1

我能够通过在package.json中添加对flot.pie插件的引用来解决这个问题。

 browser": {
  "bootstrap": "./node_modules/bootstrap/dist/js/bootstrap.js",
  "flot.pie":"./node_modules/flot/jquery.flot.pie"
},

现在，我可以使用import 'flot';并导入'flot.pie';

ES6 - Browserify + babel + flot chart插件

1 个答案: