ES6 - Browserify + babel + flot圖表插件

Question

我試圖使用flot圖表作爲節點依賴項，並使用bable和browserify將所有內容捆綁到我的應用程序中。

我有一個flot圖工作正常，只需使用import'flot';

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

flot node_modules文件夾有jquery.flot，jquery.flot.pie等jquery.flot被導入並綁定。不過，我可以jquery.flot.pie不是。像import flot.pie這樣的導入語句也不起作用。我也使用gulp來構建應用程序。

任何人有任何建議嗎？我對node babel和browserify比較陌生。

這是我在的package.json

"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

我能夠通過將參考flot.pie插件中的package.json來解決這個問題browserify設置。

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

現在我可以用import 'flot';並導入'flot.pie';