Browserifyを使用するとグローバル変数が公開されます

Question

私はBrowserifyを使用しており、D3.jsをレーダーチャートコンポーネントとともに使用したいと考えています。

import 'd3'; 
import 'radar-chart-d3'; 

レーダーチャートコンポーネントは、エラーUncaught ReferenceError: d3 is not definedを返します。

browserify: { 
    bundleName: 'main.js', 
    prodSourcemap: false, 
    insertGlobalVars: { 
     d3: function(file, dir) { 
     return 'require("d3")'; 
     } 
    } 
    } 

しかし、この状況については何も変わりません：

私はbrowserifyの insertGlobalVarsオプションを使用してみました。 私はちょうど require('d3')をレーダーチャートの.jsファイルの先頭に追加することができますが、それを避けたいと思います。

d3変数をグローバルスコープに公開して、他のファイルでd3を使用できるようにする方法はありますか？

Answer 1

package.jsonでこれを入れ：

"eslintConfig": { 
    "globals": { 
    "d3": true 
    } 
}