如何在 react/webpack 中使用 NPM 或 bower 中不可用的外部库？答案

【问题标题】：How to use external library not available in NPM or bower in react/webpack?如何在 react/webpack 中使用 NPM 或 bower 中不可用的外部库？
【发布时间】：2015-12-01 05:20:21
【问题描述】：

我在这里看到了这个库：

http://sztanko.github.io/crosslet/

没有 bower install，没有 npm install，但我想在我的 webpack reactjs ES6 应用程序中使用它。我怎样才能正确地做到这一点？如果不能用 ES6，JSX 也可以。

【问题讨论】：

标签： javascript reactjs webpack

【解决方案1】：

将库作为external 包含在您的webpack 配置中，即described in the Webpack documentation。

然后，您可以在代码中将其称为正常导入，当它被 webpacked 时，它会创建期望找到全局的导入 shim。

【讨论】：

【解决方案2】：

除了@BrandanMolloy 所说的之外，您还可以将其作为资产 (js/css) 包含在您的项目中并利用这些库。如果您探索 http://sztanko.github.io/crosslet/ 中的示例，您会看到很多用法，例如

new crosslet.MapView($("#map"),config);

这里https://github.com/sztanko/crosslet/blob/gh-pages/examples/happiness/index.html

【讨论】：