在webpack中使用d3.js作为外部

Question

我使用this tutorial使用webpack设置React.js项目。下面的webpack.config.js几乎是一个完全相同的副本（除了我使用app和＆＃39; dist＆＃39;文件夹），我还将d3.js添加为{ {1}}。由于React是external添加的，因此我可以在任何应用文件中执行external，而不会将其包含在捆绑中。我希望对require('react')执行相同的操作并将其安装为node_module，并将其列在我的webpack配置的外部区域中，但是当我d3.js时，我收到一条错误消息，它是＆＃39} ; s不可用。

如果我将它作为node_module安装，我如何将require('d3')（或jQuery）作为外部使用？

这是我的项目设置

d3

/app
/dist
/node_modules
package.json
webpack.config.js

Answer 1

我知道这个问题已经开放了一段时间，但希望这个答案仍然有用！

如果您已将d3（或jQuery）安装为node_module，则可以使用webpack ProvidePlugin将任意键绑定到模块。

然后，您的webpack应用程序中的任何位置都可以使用密钥。

E.g。的 webpack.config.js

{
 ...lots of webpack config here...
 ...
 plugins: [
    new webpack.ProvidePlugin({
        d3: 'd3',
        $: 'jquery'
    })
 ]
 ...
}

然后在 my-file.js

中

var d3 = require('d3')

希望有所帮助！