React、vue、jQ通过CDN的方式引入

React、vue、jQ通过CDN外链的方式引入最新的前端框架:

1.引入最新的React版本:

获得 React 和 ReactDOM 的 UMD 版本。

<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>

上述版本仅用于开发环境,不适合用于生产环境。压缩优化后可用于生产的 React 版本可通过如下方式引用:

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

如果需要加载指定版本的 react 和 react-dom,可以把 16 替换成所需加载的版本号。

以上仅仅是官网说明的,但如果你想在一个htm中使用React,你必须引入的三个CDN:

<script src="https://cdn.bootcss.com/react/16.8.6/umd/react.development.js"></script>

<script src="https://cdn.bootcss.com/react-dom/16.8.6/umd/react-dom.development.js"></script>

<script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.js"></script>

2.引入最新的vue版本:

<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>

或者

<script type="text/javascript" src="https://unpkg.com/vue"></script>

3.引入最新的jQ版本

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
发布了128 篇原创文章 · 获赞 250 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/XU441520/article/details/103817191