仅在需要时加载React块CSS

文章/答案/技术大牛

发布

1回答

css、reactjs、optimization、lazy-loading、create-react-app

灯塔告诉我，当我运行审计时，我的React应用程序要“推迟未使用的CSS”。我已经实现了代码拆分，所以我有一堆块，它们都包含自己的CSS。问题是，即使页脚组件最初没有呈现，它的CSS仍然加载到页面的头部，这就是灯塔所抱怨的。有没有办法在组件实际渲染/需要<

浏览 2提问于2019-03-25得票数 2

1回答

代码拆分加载铬上的所有块文件，但在firefox中分别加载它们

reactjs、webpack、create-react-app、code-splitting、craco

我用create-react-app创建了我的应用程序。在我的中，我对页面组件使用了延迟加载：import RestaurantPage： import LoadingIndicator from '~/components/common

浏览 2提问于2020-07-17得票数 1

回答已采纳

2回答

React Router DOM仅在需要时加载组件

javascript、reactjs、react-router-dom

我有一个功能齐全且非常基本的代码： import React from "react";import {BrowserRouter</Switch> document.getElementById("main") ); 我意识到不管怎样，Home和About组件总是会被加载我试过了： import <

浏览 17提问于2020-07-01得票数 0

回答已采纳

8回答

Webpack代码分裂‘加载块失败’错误的文件路径

reactjs、typescript、webpack

我和Webpack一起使用了React +类型记录，我试图在实际需要的时候加载我的一些反应组件。这个块是成功生成的，没有任何错误，只是路径是错误的- http://localhost:58988/1.chunk.js，

浏览 1提问于2018-12-10得票数 40

回答已采纳

1回答

当整个React dom树已加载时执行操作

javascript、reactjs

当整个React DOM树已经加载时，我如何触发一个动作？就像知道孩子的兄弟姐妹什么时候加载一样。如果SiblingWithChildren组件没有完全加载，它会抛出文档的高度。使用setTimeout似乎很脆弱。

浏览 41提问于2019-02-14得票数 0

1回答

针对特定环境的React惰性组件

reactjs、webpack、lazy-loading、create-react-app

我确实成功地在CRA生成的React应用程序中实现了延迟加载的组件。由于上述组件仅在开发环境中显示，有没有一种方法可以避免其特定的块出现在生产构建中？提前谢谢。

浏览 8提问于2021-04-27得票数 0

1回答

在用webpack 4创作图书馆时，如何分割分块？

reactjs、npm、webpack、publish

我正在尝试向私有存储库发布一个自定义的react组件。 }

浏览 2提问于2018-08-13得票数 16

2回答

附加到包含的js / css文件的数字是什么？

javascript、html、css、frontend

我正在试图理解为什么网站会对css和js文件做以下事情--或者我是否/为什么想要做同样的事情。<link rel="stylesheet" property="stylesheet" href="/foo/static/css/bar-c0b40.css" type="text/css"> 这些自动生成的数字是否仅用于版本控制目的或者是否有一些与安全相关的原因需要<

浏览 1提问于2018-10-27得票数 0

12回答

如何在React组件中导入CSS文件

javascript、reactjs、relative-path

我想将CSS文件导入到react组件中。 C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css是我要加载的CSS文件的位置。C:\Users\User\Documents\pizza-app\client\src\components\Shoppi

浏览 6提问于2016-10-04得票数 158

回答已采纳

1回答

在index.html中声明js库只需在reactjs中加载一次

jquery、reactjs、redux

我使用的是Reactjs，它有一些在index.html中声明的js (jquery)库，所有函数只有在我刷新页面时才会运行。现在，我希望当我更改路由时，js库中的函数将再次运行。

浏览 2提问于2019-01-25得票数 0

4回答

在运行时加载样式表

html、asp.net、css、stylesheet

我有特定的主题css，只有在弹出窗口是启动时才需要的，其他地方我都没有使用该css。在网站发布时简单的加载是浪费的。是否有一种方法仅在需要时加载css，即打开弹出窗口时我可以加载样式表？

浏览 2提问于2013-10-17得票数 3

回答已采纳

1回答

Laravel Mix BrowserSync重新加载

javascript、laravel、webpack、browser-sync、laravel-mix

我正在使用Laravel Mix和React。我配置了在850毫秒reloadDelay: 850后重新加载BrowserSync，但有时Webpack编译我所有的JS文件需要超过850毫秒。我的页面在所有文件编译完成之前被重新加载，所以我每次都必须手动刷新我的页面。除了reloadDelay选项之外，是否有其他方法可以配置Laravel Mix，使其仅在编译完成后重新加载？mix.react('resources/js/app.js&#

浏览 23提问于2019-08-20得票数 0

1回答

动态导入的css文件在使用typescript时不会延迟

reactjs、webpack

我在react组件中有以下代码： export const Dashboard: React.FC = () => { (async () => {/Dashboard.css'); })(); }, []); 我本以为在运行代码块之前不会加载这个css文件，但样式表是在应用程序启动时加载</e

浏览 12提问于2020-01-24得票数 0

2回答

Webpack反应- CSS装载机问题

reactjs、webpack

/node_modules/react-clock/dist/Clock.css 1:0 .relative时钟(显示:块)； ./node_modules/react-time-picker/dist/TimePicker.css 1:0模块解析错误

浏览 6提问于2019-10-16得票数 1

1回答

可重用文本块插件似乎与蜡笔代码插件冲突

php、wordpress

当我尝试在使用蜡笔代码插件的帖子中使用您的插件的快捷码时，实际上[crayon-53a2de9537e3a756702714/]...........

浏览 2提问于2014-09-03得票数 0

2回答

在react上加载页面后启动动画

javascript、reactjs、css-animations

我试图让一个元素动画后，页面加载到react，我如何做到这一点。我是新手，所以我真的不知道如何针对类和动画，但这里是 HTML和CSS <div className="dangle" > animation: swing ease-out5s forwards; background-color: red; } link to codepen sample 我需要react中的解决

浏览 64提问于2020-12-10得票数 2

回答已采纳

1回答

是否有任何性能问题内联CSS而不是使用“块”？

javascript、html、css、frameworks

像Vue这样的现代框架从单独组件中的内联CSS开始。例如，在Vue单个文件组件中，我们将所有Javascript、HTML和CSS都包含在一个.vue文件中。通常有一个构建步骤或一些计算来将这些更改编译成块，这些块将根据用户可以看到的组件加载到页面中。我的问题主要与表现有关。假设没有将所有组件样式编译成块，而是在呈现组件时React或Vue将其发送： <div id=&q

浏览 2提问于2022-03-25得票数 1

回答已采纳

1回答

使用语义UI React加载屏幕

reactjs、semantic-ui、semantic-ui-react

我正在尝试显示一个加载屏幕，而其余的应用程序使用语义UI React完成加载。问题是，当我加载页面时，它只显示文本“正在加载”，并且它只在几秒钟后正确地呈现Loader，就像它没有任何css一样。有一个加载器的目的是，当其他内容呈现时，它必须在页面的前面，但如果它有同样的问题，我不知道如何只在内容呈现并准备显示时才显示内容。我使用的代码来自语义ui react网页(https://rea

浏览 16提问于2021-04-28得票数 0

1回答

[Webpack][React]对SSR进行代码拆分如何获取页面所需的组块列表？

reactjs、webpack、server-side-rendering、code-splitting

我有一个React应用程序，具有完美的SSR和Webpack代码拆分功能。[id].css" ],..。它为js和css生成块，当从不同的页面移动时，可以正确加载使用应用程序的js和css，所有这些都映射到react-router。问题是，当我重新加载其中一个页面时，所需的css块在呈现后被加载，而不是直接从SSR链接到页面中，因此有一秒钟我

浏览 1提问于2018-12-18得票数 2

1回答

React不工作在前面的古腾堡区块

block-editor

我需要钩子useEffect作为我的组件，并包括它：我的样本组件： useEffect

浏览 0提问于2020-03-12得票数 1

回答已采纳

点击加载更多