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