ES6-Browserify + babel + flot圖表插件

Question

我正在嘗試將flot圖表用作節點依賴關系，並使用bable和browserify捆綁應用程序中的所有內容。

我只有一個flot圖表，只需使用導入“ flot”就可以了；

我還想使用flot可以處理的其他類型的圖表，例如餅圖。

flot node_modules文件夾具有jquery.flot，jquery.flot.pie等。jquery.flot已導入並捆綁在一起。 但是我不能jquery.flot.pie。 像import'flot.pie'這樣的import語句也不起作用。 我也在用gulp來構建應用程序。

有人有什么建議嗎？ 我對Node 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';