去掉CDN包中的巴别塔(单机)警告消息 [英] Get rid of Babel(StandAlone) warning message from CDN package

问题描述

我们在项目中的某些部分使用了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。

这篇关于去掉CDN包中的巴别塔(单机)警告消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！