javascript - 使用 Browserify 时公开全局变量

Question

我使用 Browserify 并希望将 D3.js 与雷达图组件一起使用。

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

雷达图组件返回错误 Uncaught ReferenceError: d3 is not defined。

我尝试使用 browserify 的 insertGlobalVars 选项:

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

然而，这并没有改变任何情况。我知道我可以在雷达图 .js 文件的顶部添加 require('d3')，但我想避免这种情况。

还有什么其他方法可以将 d3 变量暴露给全局范围，以便其他文件可以使用 d3。

Answer 1

将其放入package.json:

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