使用 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
  }
}