使用没有 npm 或 yarn 的 JS 包答案

【问题标题】：Using JS packages without npm or yarn使用没有 npm 或 yarn 的 JS 包
【发布时间】：2019-12-30 22:00:03
【问题描述】：

我通过简单地包含这两行代码来使用 react：

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

现在我想在我的网站上包含一个 JS 包 (React Select)。我想要一个最小的设置，所以我不想使用任何包管理器，比如 npm 或 yarn（更不用说 webpack）了。

是否有可能在不使用 npm 或 yarn 的情况下包含 JS 包？

【问题讨论】：

是的，就像你使用 react.development 和 react dom 一样。只需获取脚本并包含它，如果您包含了这 2 个。

标签： reactjs package.json

【解决方案1】：

你可以用同样的方式包含这个库和其他库，只需在 cdnjs 或 unpkg 上搜索即可

<script crossorigin src="https://unpkg.com/react-select@2.0.0/dist/react-select.js"></script>

确保将其放在您的反应链接之后

编辑：这个库依赖于其他库来工作，通过包含这两个来让它工作

<script crossorigin src="https://unpkg.com/emotion@9.0.0-0/dist/emotion.umd.min.js"></script>
<script crossorigin src="https://unpkg.com/prop-types@15.7.2/prop-types.js"></script>
<script crossorigin src="https://unpkg.com/react-select@2.0.0/dist/react-select.js"></script>

【讨论】：

这看起来很简单，但是当我想在我的 jsx 代码（“”）中使用它时，我得到“ReferenceError: Select is not defined”。
这看起来真的很棒。我目前的问题是 react-select v2 对于我的 react 版本来说太旧了，所以我必须使用 v3。我找到了这些依赖<script crossorigin src="https://unpkg.com/emotion@10.0.9/dist/emotion.umd.min.js"></script> <script crossorigin src="https://unpkg.com/prop-types@15.7.2/prop-types.js"></script> <script crossorigin src="https://unpkg.com/memoize-one@5.0.0/dist/memoize-one.js"></script> <script crossorigin src="https://unpkg.com/react-select@3.0.8/dist/react-select.esm.js"></script>，但是我不知道我应该使用react-select.esm.js还是cjs版本。
看起来他们在 v3 github.com/JedWatson/react-select/issues/3585 中放弃了对 react-select 的 umd 模块的支持，我找不到将它包含在脚本标签中的简单方法