阻止React导入尚未使用的CSS文件

文章/答案/技术大牛

发布

1回答

css、reactjs

关于页面加载速度，对于我来说，React导入的CSS文件似乎很奇怪，这些CSS文件导入的组件甚至在主页上都没有使用过。我的react应用程序似乎导入了我整个项目中的每个css文件，我确信这会影响我的页面速度。如何防止react导入css<e

浏览 16提问于2021-05-15得票数 0

1回答

如何忽略带有忽略加载器+webpack-节点-外部的节点模块？

webpack

当我使用来忽略来自节点模块的导入时，当我也使用时，它似乎没有任何效果。但是，当我从自己的repo中导入文件时，它确实有效。$/, use: "ignore-loader" }, },使用此规则，CSS文件的相对导入将被忽略，但是从节点模块导入CSS文件会导致语法错误。

浏览 0提问于2018-04-11得票数 1

回答已采纳

6回答

如何在react.js中使用bootstrap？

reactjs、npm、bootstrap-4

我使用npm在/node_modules/bootstrap下下载了bootstrap依赖项。<!/Sp" crossorigin="anonymous"> 当我尝试将一些样式添加到我的应用程序中时，它变成了exeption。这是我的app.js文件。如何使用所有引导功能？

浏览 6提问于2018-03-05得票数 2

1回答

反应改变和选择背景色

css、reactjs、antd

我正在使用React组件。我想改变背景颜色的选择。如何通过导入'antd/dist/antd.css‘来更改颜色？下面是用于<em

浏览 2提问于2020-09-15得票数 0

回答已采纳

2回答

我遇到了一个奇怪的问题。我使用NextJS作为服务器端的呈现功能，并使用ReactQuill作为我的富文本编辑器。为了绕过ReactQuill与DOM的联系，我将动态导入它。然而，这带来了另一个问题，即当我试图访问通过锚链接导入ReactQuill的组件时，并不工作，但我可以通过手动访问路由来访问它。from "next/dynamic"; const ReactQuill = dynamic(() =&

浏览 2提问于2020-04-02得票数 1

回答已采纳

3回答

NextJS & CSS SyntaxError:意外令牌

reactjs、webpack、jestjs、next.js

我正在尝试单元测试，但唯一能阻止错误抛出的方法是注释掉import './styles.css行。SyntaxError: Unexpected token. 2 | import PropTypes from/styles.css'; 4 |我有webpack，babel，jest，

浏览 3提问于2019-05-22得票数 2

3回答

将css从公用文件夹导入到任何react组件

javascript、reactjs

我正在集成内容构建器的react包。有许多文件需要保存在公共文件夹中，然后在index.html文件中添加css和js的引用 <link href="/assets/minimalist-blocks/content.css" rel="正在打破所有其他应用程序的风格。我正在考虑只在需要包的组件中导入css文

浏览 29提问于2021-05-28得票数 1

5回答

未定义“按钮”/jsx undef react.js

javascript、reactjs

我是React.js中的新手，只是在处理组件和事件侦听器，我试图将事件侦听器添加到按钮中，但由于某些原因，它无法工作。我试着导入元素，但这只是给出了一些其他错误，有人能告诉我如何使它工作吗？谢谢import ReactDOM from 'react-dom'; class Passiing extends React.Component

浏览 0提问于2018-05-22得票数 7

回答已采纳

2回答

如何格式化ReactJs日期选择器以使其看起来正常？

javascript、reactjs、storybook

import React, { useState } from "react"; /> );我的代码在故事书故事中看起来很奇怪

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

1回答

类型记录阻止“排序导入”影响一个特定的导入

typescript

我使用的是最新的类型记录选项，自动排序导入和删除未使用的。import { hot } from 'react-hot-loader'; import * as React from

浏览 0提问于2018-08-03得票数 0

1回答

如何绕过文件加载器？

javascript、reactjs、svg、webpack

在我的webpack.config.js中，我有以下内容： loaders: [ test: /\.css$/, }, }, 我正在使用它在组件中直接导入一些svg文件。但是，现在我只想通过scss显示一个驻留在React App文件夹中的svg<e

浏览 0提问于2018-07-04得票数 4

2回答

react.引导-表-工具包搜索导入错误

javascript、reactjs、react-bootstrap、react-bootstrap-table

我想在我的项目中使用React Bootstrap Table，我得到了以下错误。下面是从它们的中引用的以下导入。import ToolkitProvider, {Search} from '<em

浏览 10提问于2022-02-21得票数 2

3回答

尝试导入错误：'Sonnet‘未从'react-bootstrap’中导出

reactjs、react-bootstrap

我为ListGroups使用的React-Bootstrap代码有一个名为"Sonnet“的组件，该组件可能尚未在React-Bootstrap中导出，因此我面临的”Sonnet“不能从”React-bootstrap“问题导出，即使我尝试手动导入它或使用"*”导入完整的React-bootstrap包。我的尝试是:从‘<em

浏览 75提问于2019-05-06得票数 3

回答已采纳

3回答

如何从Next.js中的css模块导入样式表？

css、reactjs、next.js、stylesheet

作为安装过程的一部分，他们说，在我的应用程序中包括以下样式表：/node_modules/react-resizable/css/styles.css 我该怎么做呢？

浏览 1提问于2020-10-04得票数 2

回答已采纳

2回答

我有“react* script”："^4.0.3"，已安装，但仍然不能使用Css模块*

javascript、reactjs

**This is my Styles.css File** {font-size:4rem;在这里导入了这些样式，但是没有应用到标题import styles from "./Css/styles.css" {<div>

浏览 2提问于2021-05-02得票数 0

回答已采纳

3回答

bit-src没有显示react引导程序的样式

reactjs、react-bootstrap、bit-src

我已经用CRA和react-bootstrap做了一个组件(按钮)，并且我把它导出到bit-src中，组件在没有样式的情况下呈现了，但是我尝试用纯CSS来推送它，组件已经用它的样式呈现了，所以bootstrap

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

2回答

ReactJS中相同的文件样式(类似于VueJS)

reactjs、jsx、styled-components

在VueJS中，您有一个style部分，您可以在其中添加自定义css。使用React，您可以使用StyledComponents创建具有css功能的组件(并在同一个文件中这样做)。或者，在react中，您可以导入外部样式表并使用这些样式。我想知道的是，是否有一种方法可以在ReactJS文件中创建类似Vue的功能--也就是说，类似于react&#

浏览 3提问于2021-03-22得票数 0

2回答

将Bootstrap主题导入React应用程序

twitter-bootstrap、reactjs、webpack、themes

我有一个引导主题与许多CSS文件。它是响应式的，我想要UI元素的所有当前样式。但是，我只想将我的应用程序构建为React组件，那么最有效的方法是什么？如何使用引导主题的CSS文件，同时在React中重新创建它？

浏览 1提问于2018-01-06得票数 1

1回答

如何配置同构风格的加载器来加载节点模块？

node.js、reactjs、postcss、draftjs、isomorphic-style-loader

我正在尝试使用react草稿-wysiwyg模块，但是与该模块相关的导入样式没有被使用。我认为这是因为将导入的css加载到散列中，而模块中元素的类属性则不是。既然如此，我是否可以： import draftcss f

浏览 6提问于2017-12-26得票数 4

回答已采纳

1回答

响应响应高度/宽度样式的本机自定义iOS视图

ios、objective-c、react-native

我试图让我的自定义UIView响应宽度和高度样式。<MyCustomView style={{width: 200, height: 300}}/>当前，我的视图和ViewManager看起来如下：@implementation MyCusto

浏览 10提问于2016-05-03得票数 4

回答已采纳

点击加载更多