0

我有一个 Django 项目，我想在上面使用 React。我已经创建了自己的组件并且可以正常工作，但是我不知道如何从 CDN 导入第三方组件。

为此，我做了：

在基本模板中导入 React（开发或生产版本）：

<!-- baseTemplate.html -->
{#      ReactJs#}
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

还要导入我创建组件的文件

<!-- baseTemplate.html -->
<script src="/one_directory/my_react.jsx" type="text/babel"></script>

并创建将要呈现的标签。

<!-- template.html -->
<div id="container"></div>

最后渲染我的 React 组件：

<!-- my_react.jsx -->
ReactDOM.render(
  <App />,
  document.getElementById('container')
);

这工作正常:)

现在，我想从 CDN 导入一个第三方组件（特别是 React Bootstrap Slider），但我不知道如何。

也许这是不可能的，我不知道。我怎么能做到？

非常感谢 ：]

4

1 回答 1

0

我想你想要一个来自这个 npm 包的 CDN https://www.npmjs.com/package/react-bootstrap-slider（版本 2.1.3）

在https://unpkg.com/react-bootstrap-slider有一个 CDN 您可以在https://unpkg.com/react-bootstrap-slider/浏览文件

但是我无法让它工作，因为我Component没有找到错误。

在 github 项目中https://github.com/brownieboy/react-bootstrap-slider它说

该控件以 UMD 格式实现，因此也适用于 AMD/RequireJS，但我尚未对此进行测试。您也可以将其添加为脚本标签。

如果你想要一个 CDN，我建议通知所有者修复它，或者你可以分叉项目并生成一个 CDN 友好的文件并自己托管它。

于 2017-12-03T14:26:54.870 回答