在React导入样式中导入SCSS @import混合

文章/答案/技术大牛

发布

1回答

reactjs、sass、create-react-app、mixins、scss-mixins

我正在尝试在我的React App中使用SCSS，它是由Create React App制作的。我有一个名为mixin.scss的文件，我需要将它导入到SCSS文件中，通常我使用的是Ruby Compass，这很好用； @import '_mixin'; 但是在CRA的React应用中使用node-sass

浏览 24提问于2021-01-17得票数 0

1回答

使用SCSS与全局Mixins交互CSS模块

reactjs、node-sass、css-modules、react-css-modules

在我的index.module.scss中，我包括了全局样式，然后将其导入到index.js上:global(:root) {import React from 'react'; import ReactDOM from &

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

回答已采纳

1回答

如何使主scss文件对所有react组件可见？

reactjs、npm、sass

我使用React，scss。谢谢。

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

2回答

我正在开发一个应用程序，使用带有Sass和webpack的Bootstrap 4构建，每个React组件都有自己的.scss文件。样式表必须访问引导程序的变量和混合器(即button-variant)，为了实现这一点，我必须在.scss文件中设置@import引导程序(否则，我将得到undefined variable错误)。将@import '~bootstrap'添加到每个组件的样式表中会导致多次导入<

浏览 4提问于2017-11-25得票数 5

5回答

如何在React组件中使用SCSS变量

reactjs、sass、node-sass

我正在做一个遵循这个结构的React项目。styles.scss helpers.scss ...main.scss 在我的变量文件中，我使用了css自定义变量，所以，它们都在:root上，我可以在我的组件样式中访问它们。作为一种解决方案，我决定将所有变量移动到一个SCSS变量中</em

浏览 26提问于2018-10-20得票数 16

1回答

为什么我的scss模块的样式被应用到错误的组件？

css、reactjs、sass

我正在和gatsby一起建立一个网站，并且我已经设置了gatsby scss插件。在我意识到我的home.module.scss样式也被应用到我只导入navbar.module.scss的导航组件之前，一切看起来都很正常。我有一个样式为我的按钮在每个模块，看起来像这样… button {} 这两个模块都在顶部导入一个全局

浏览 26提问于2021-08-28得票数 0

2回答

未找到模块:错误:包路径./ from /swiper未从包导出

reactjs、react-scripts、swiper.js

我升级到了react脚本v5，我得到了以下错误：import { Swiper, SwiperSlide } from 'swiper/react/swiper-react';import 'swiper/swiper-bundle.min.css'; import 'swiper/swiper.min.css';

浏览 17提问于2022-03-03得票数 5

1回答

修改sass导入文件时rails中未遵循的样式

ruby-on-rails、sass

我在rails项目中组织了我的风格，如下所示。--风格文件2.\x{e76f}应用程序在我的application.css.scss文件中，我配置为只提取main.scss文件，这样我就可以在样式文件夹中的其他scss文件中全局地使用sass混合器和变量。*= require_self我使用main.scss</

浏览 5提问于2015-09-03得票数 0

3回答

React bootstrap导航栏没有任何设计或无法工作

reactjs、react-bootstrap

我为我的网站安装了react-bootstrap和bootstrap以及它的测试，但它没有任何设计，我不知道发生了什么。以下是所有代码： import React from 'react' return ( <d

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

回答已采纳

3回答

如何覆盖Bootstrap react/redux应用中的Bootstrap主题颜色？

css、reactjs、sass、bootstrap-4

可能是一个新手问题(从react开始)，但我无法在新启动的react应用程序中更改主题颜色。import React from 'react';import { App } from './styles/app.<

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

回答已采纳

2回答

仅当加载组件时才在样式表中进行反应加载

javascript、reactjs、sass

Login组件中，我有以下导入...import './LoginFormContainer';在这个文件中，我导入了与Login组件相关的其他特定scss文件。例如，我有一个样式化为.Tabs的类 @import</em

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

2回答

使用角为2/4的SCSS的结构

angular、typescript、webpack、architecture、sass

我正在尝试在我的SCSS角4项目中设置一个使用的体系结构，而不是普通的CSS。直到现在，我一直遵循来安排CSS简单地与组件ts文件相邻，每个组件都有一个单独的目录，就像遵循特性第一方法一样。从现在开始，我开始使用SCSS，我简单地用SCSS文件替换了CSS文件。但我无法理解，应该将_variables.scss、_mixins.scss和普通styles.scss文件放在哪里，这样变量总是第一个加载的，这样就可以在SCSS文件

浏览 3提问于2017-06-23得票数 2

回答已采纳

1回答

如何从Sass样式表中只导入变量和混合？

css、ruby-on-rails、sass、zurb-foundation、modularity

我正在使用Zurb Foundation 4 (S)CSS框架，我遇到了大量重复样式的问题。这是因为在我使用@import 'foundation'进入的每个文件中，都会导入基础中的所有样式( body、.row、.button和朋友的规则)。这导致了很长的SCSS编译时间和在Chrome中导航web开发人员控制台的困难，因为所有Zurb的样式都被声明了四到五次。导入全局变量)。仅导入</

浏览 1提问于2013-08-24得票数 23

回答已采纳

3回答

如何在react-datepicker中自定义样式？

reactjs、datepicker、react-datepicker

我想改变react-datepicker的样式：2.更改日历的样式和语言import {render} from 'react-dom'; import moment

浏览 6提问于2019-01-01得票数 4

6回答

ClassName样式在react中不起作用

javascript、reactjs、sass

我在设计react组件样式时遇到了一点小问题。我将scss样式表放在一个单独的文件中，并将它们导入到react文件中。我的scss样式表如下所示： font-family: avenir;}import React from'react

浏览 0提问于2016-10-08得票数 18

2回答

react中的部分css显示在整个应用程序中

reactjs、sass

我在react中有一个名为ContentPage的组件。很明显，我将其导入到ContentPage.js中，而css仅在此组件中导入。据我所知，它的样式应该只应用于ContentPage组件。取而代之的是，来自ContentPage.css的样式在不相关组件中的整个应用程序中都可见。@i

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

4回答

使用create react应用程序进行对话

css、reactjs、sass、create-react-app

有没有人能告诉我是否值得在React中使用Sass/SCSS？任何帮助都将不胜感激。

浏览 1提问于2018-04-17得票数 4

2回答

创建具有7-1 sass架构的react应用和节点sass chokidar

javascript、reactjs、sass、create-react-app、node-sass

我想要的是组件的独立样式表，但也有布局等全局样式表等。最重要的是，我想要有SASS变量和混合，我可以在我的所有组件中使用。Node-sass-chokidar在src目录中查找任何scss文件，并将其编译为同一目录中的相应css文件(即与scss文件相同)。----main.scss 问题:因为它在每个.scss文件旁边创建了一个.css文件，所以当我尝试将它们导入到我的main.

浏览 3提问于2017-10-03得票数 2

3回答

访问react组件中的scss变量时出现问题

reactjs、sass

跟随链接import _variables from '../scss/_vari

浏览 34提问于2019-08-02得票数 4

1回答

如何使用与类型记录和SASS的反应

reactjs、sass

我以前一直在使用角文件，我可以很容易地引用这样的SASS文件： selector: 'unit-root', providers: []在React中，我试图导入这样的SASS文件：但我

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

回答已采纳

点击加载更多