仅在一个特定页面上的<head>中添加脚本(反应)

缺口

我是使用现有React / Node / Express网站的初学者。在一个特定页面上,我想在该页面的开头添加一个脚本。我怎样才能做到这一点?

我知道节点模块React-helmet可以实现这一目标。但是由于我只需要一次,所以我宁愿没有额外的依赖。有什么办法可以做到这一点?例如,在您管理路线的文件中,还是在设置了标头的index.html中?

Dhananjai牌

您可以在React中研究动态导入

基本上,您可以使用import()在您正在使用的页面/呈现的组件中添加依赖项,当您在页面上时将动态加载该依赖项。

当Webpack遇到import()。then语法时,它将自动开始对应用程序进行代码拆分。如果您正在使用Create React App,则已经为您配置了它,您可以立即开始使用它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Vuepress - 如何仅在特定页面上的 head 标签中添加自定义 html?

仅在一个内容页面上更改母版页中的标签

在 Git 中诊断一个神秘的分离 HEAD

在nuxt的head标签中包含一个自定义脚本

如何在<body>末尾的<head>添加脚本中包含脚本

在绘图外的一个多面ggplot中仅在一个面上添加一个箭头

在drupal 9中。如何在 <head></head> 之间添加自定义html做一个钩子或其他东西而不是安装一个模块

在 WooCommerce 购物车页面上的特定产品的数量输入字段旁边添加一个特定的词

如果页面上有特定元素,请通过 Javascript 用户脚本单击另一个元素?

docsify:在多个脚本中,只有一个脚本可以在单个页面上运行

它可以将 head、sed 和 regex 一起工作到一个 bash 脚本中吗?

在 Laravel 中为每个页面添加一个脚本

Thymeleaf装饰器-如何在一个特定页面上通过自定义页脚替换布局中的页脚

在wordpress中通过functions.php将js添加到特定页面的<head>

使用页面上的添加按钮在codeigniter中添加另一个ckeditor

在页面上添加Google地图图像而无需触摸<head>部分

JS Head追加脚本

如何从head标签中只删除一个css文件?

一个脚本可以单击两个不同页面上的按钮?

如何让两个谷歌地图脚本在一个页面上独立工作?

如果要隐藏{{xxx}}使其不显示在页面上,是否需要将AngularJS放在<head>中?

如何在角度4的另一个html页面中的html页面上显示

反应:链接到另一个html页面上的div

如何只为一个特定页面添加JavaScript?

JavaScript中哪个对象包含“ <head> .. </ head>”?

Git中的HEAD和ORIG_HEAD

从文件<<<<<< head中删除git head

在Joomla中操作<head> </ head>部分

在鼠标进入页面时,在页面上的任何元素上添加一个类,并在页面离开时将其删除