在网站中引入react 并预编译JSX

从前有个先知

于 2019-08-15 02:00:29 发布

阅读量694

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 react 文章标签： react 预编译前端 javascript jsx

本文链接：https://blog.youkuaiyun.com/Propht/article/details/99618872

本文介绍了如何在网站中引入React，并重点讲解了在前端项目中预编译JSX的原因。首先，讨论了React的开发环境和生产环境版本的选择，接着详细阐述了安装Babel、编写React应用示例、配置预编译过程，以及如何在完成预编译后在HTML中引入编译后的JS文件。预编译有助于提高前端渲染效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

React引用

react只要分为生产环境版本（production）和开发环境版本（development），开发环境版本提供更多的错误提示。
可以前往github或使用npm下载引用，也可以使用线上cdn。
这里提供官方推荐的cdn：

开发环境版本

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

生产环境版本

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