去掉CDN包中的巴别塔(单机)警告消息

人气:312 发布:2022-10-16 标签: cdn console warnings reactjs babeljs

问题描述

我们在项目中的某些部分使用了REACT JS CDN。出于质量考虑,我们希望向客户端提供无警告的代码。

我们使用下列库:

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

问题是我们在控制台中收到以下警告消息:

您正在使用浏览器内的Babel转换器。确保为生产预编译脚本

我们知道这不是什么大问题,但我们确实希望从我们的Web应用程序控制台中删除此警告。我们应该在代码中做任何更改,还是做其他事情?请指导,如何消除此警告信息。提前谢谢。

推荐答案

Babel单机版旨在成为在线调试和讨论代码的便捷工具(例如在堆栈代码段中的堆栈溢出),但它的工作方法效率很低-它是一个大型包,并且在浏览器中将JSX转换为JS会占用大量客户端资源。

对于生产站点,这里最好的方法是按照警告的建议进行操作,而不是将您的Reaction的JSX预编译为普通的JavaScript,这样您就可以向客户端提供单个普通的JavaScript文件。这样,代码只需在服务器端编译一次,而不是在每次客户端加载页面时在客户端进行编译。

要轻松开始此过程,请考虑create-react-app。您将需要Node和NPM。

准备好部署到生产环境时,运行npm run build将在build文件夹中创建应用的优化版本。

然后您只需提供该服务,而不是让客户端同时依赖下载和解析来独立地响应DOM和Babel。

622