Question

我需要在我的应用中使用Stripe API的许多功能，而不仅仅是https://www.npmjs.com/package/react-stripe-checkout提供的结帐

例如，我需要编辑客户，订阅，取消它们等......

那么访问这些功能的最佳方法是什么？

例如，我想创建一个这样的客户：

Stripe.apiKey = stripeKey;

let params = {};
params.put("email", "jenny.rosen@example.com");
params.put("source", "src_18eYalAHEMiOZZp1l9ZTjSU0");
let customer = Customer.create(params);

但如何将条带库正确导入到我的项目中？我尝试在我的index.html上将脚本添加到<head>。还尝试在componentDidMount()内动态添加它，如下所示：

let script = document.createElement('script');
script.src = "https://js.stripe.com/v3/";
document.getElementsByTagName('head')[0].appendChild(script);

添加自定义JS库以反应项目的最佳方法是什么？我应该通过Webpack来做这件事吗？

Answer 1

所以基于@The Reason评论（感谢您的帮助）。

我做的是：

添加了指向index.html头标记<script src="https://js.stripe.com/v3/"></script>
已添加到我的webpack.config.js文件
```
externals : {
    stripe: 'Stripe'
},
```

但现在每次尝试在组件中导入条带lib时都会出现此错误：

没有这样的文件或目录，打开＆＃39; /Users/emmanuelscarabin/projects/MSC_Front/node_modules/stripe/lib/stripe.js'

在反应项目

1 个答案: