此文章是翻译CDN Links这篇React(版本v16.2.0)官方文档。

CDN Links

React 和ReactDOM 的UMD 构建通过CDN 可用。

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

上面的版本只打算为开发,并不适合生产。最小的和优化的生产版本React 在下面:

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

为了加载一个reactreact-dom明确的版本,使用版本号替换16

Why the crossorigin Attribute?

如果你从一个CDN 提供React 服务,我们建议保持crossorigin 特性设置:

  1. <script crossorigin src="..."></script>

我们还建议验证你正在使用的CDN 设置Access-Control-Allow-Origin: * HTTP报头: cdn-cors-header

这使得在React 16 版本之后有一个更好的错误控制体验