使用SCSS反应样式
SCSS是一种CSS预处理器，它扩展了CSS的功能并引入了变量、嵌套规则、混合（Mixins）、继承（Inheritance）等特性，使得开发者可以更加高效地编写和维护样式表。
SCSS的主要特性包括：
- 变量：SCSS允许使用变量来存储颜色、字体、尺寸等样式属性，方便在整个样式表中进行统一管理和修改。
- 嵌套规则：SCSS可以嵌套CSS规则，使得样式表的结构更加清晰易读。例如，可以将某个选择器下的子元素样式嵌套在父选择器中。
- 混合（Mixins）：SCSS的混合功能类似于函数，可以定义一组样式属性并在需要的地方重用。这样可以减少代码冗余，并提高样式表的维护性。
- 继承（Inheritance）：SCSS支持样式的继承，可以通过@extend指令将一个选择器的样式应用于另一个选择器，减少重复的样式定义。
使用SCSS可以带来以下优势：
- 提高开发效率：SCSS提供了更加灵活和高效的样式定义和重用机制，可以减少样式表的代码量和冗余，从而提高开发效率。
- 提高可维护性：SCSS的特性使得样式表的结构更加清晰易读，变量的使用也便于整体样式的修改和维护。
- 加强样式复用性：通过混合和继承的功能，可以将样式抽象成可复用的模块，方便在不同的地方进行重用。
- 支持开发过程中的调试：SCSS支持嵌套规则和变量，可以更方便地进行样式调试和修改。
SCSS可以应用于各种前端开发场景中，特别适合大型项目或团队协作开发。推荐的腾讯云相关产品是云服务器（CVM），可以通过CVM提供的高性能计算资源来部署和运行前端项目。具体产品介绍和链接地址请参考腾讯云官方文档：
相关·内容
是否有一种方法在反应本机应用程序中处理scss文件？我只是好奇，而且对react本机应用程序架构不太了解，但我正在考虑使用我当前的项目scss文件来处理我们计划构建的新的react本机android项目。
REACT原生版本："0.46.4"
REACT版本：“16.0.0-字母12”
BABEL-预设反应-本机："2.1.0"
更新:
我搜索了一下，它允许我将我的css转换成react-本地样式表对象，有点为我解决的方法。
谢谢。
浏览 1提问于2017-08-19得票数 8
回答已采纳
我想改变选择的项目的颜色在反应选择。当前，选定的项目显示为蓝色。我想把颜色改成灰色
为此，我采取了以下步骤
创建了一个名为MyComponent.scss的文件
$grey：#999；..Select多个{..Select值{背景颜色：$grey；颜色：$grey；}}
然后将该文件导入到我的组件中。
import 'react-select/scss/default.scss';
import './MyComponent.scss';
我希望这将用我的$grey变量覆盖默认颜色。
但颜色仍然是蓝色。
浏览 1提问于2016-02-05得票数 3
1回答
我正在用React.js做我的项目--在我的反应代码login.scss、dashboard.css和一个名为index.scss的主要scss文件中有三个scss文件。
我的index.scss文件中有一种常见的样式，我在index.scss中导入了这两个scss文件。但我的风格是压倒我的网页，所以我的设计是不合适的。我怎样才能克服这个问题？
浏览 0提问于2019-01-15得票数 0
回答已采纳
在一个反应应用与反应路由器，对于每个路由组件，我希望有一个本地scss文件只适用于这个文件。
例如，about.js导入了about.scss，，我想要的是: about.scss仅在about.js中覆盖app.scss中的全局样式。然而，它压倒了应用程序中的一切。
app.js -导入的app.scss，我更喜欢它作为全球风格的
import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import "./ap
浏览 2提问于2020-03-16得票数 2
回答已采纳
2回答
我只是有两个SCSS文件。一个叫app.scss，另一个叫app-rtl.scss。
它们之间的区别在于，有一个SCSS文件可以从右到左处理(导入rtl文件)。我试图解决的是，一旦dir是rtl，那么我想使用另一个文件(app-rtl.scss)。
我在后端使用Node (主要是API)，并在前端进行反应。
如果有人对我能做什么有什么建议，我会非常感激的。
更新
只是为了澄清几件事。我使用了创建-反应-应用程序包，然后弹出式添加SCSS。我现在就是这样得到样式表的(一个样式表)
index.js
import '../scss/app.scss'; // this where
浏览 0提问于2019-01-15得票数 2
回答已采纳
对于我的应用程序之一，我使用创建-反应-应用程序(没有弹出式)，并具有以下文件夹结构：
/src
assets
scss
abstract
_variables.scss
_mixins.scss
_global.scss
components
Welcome
Welcome.js
Welcome.scss
App.js
App.scss
这些文件的内容如下：
_varia
浏览 2提问于2020-08-31得票数 1
1回答
我使用redux-简易样板()启动了一个反应项目。
我真的很喜欢样板中的每个组件都是用一个单独的本地SCSS文件来设计的。实际上，我正在移植一个依赖较少的旧应用程序，我想重用该应用程序的样式。
我只是想直接用这个样板中的更少的SCSS来代替SCSS，我遇到了一个我无法理解的问题。这里有一个典型的组件：。它有一个styles目录，其中包含两个文件- index.js
import 'style!./styles.scss';
export default require('./styles.scss').locals.styles;
和styles.scss这样的
浏览 3提问于2015-12-28得票数 2
回答已采纳
2回答
有这么多的方式来使用内部的风格反应js，这让我感到困惑。例如：
正常CSS
JS中的CSS
造型元件
Sass & SCSS
以上方法是否影响网站加载速度？这些方法的区别是什么？
浏览 1提问于2019-11-30得票数 3
我使用的是带有ReactJs的SCSS模块，我使用id作为css选择器，如下所示。
组件中的(组件名称:- PrayerRequestDropDown)
import styles from './PrayerRequestDropDown.module.scss';
import cx from 'classnames';
<InputField
{...props}
name="answer"
id={cx(styles.addAnswer)}
type="textarea"
placeholder="
浏览 2提问于2021-03-28得票数 0
3回答
我有一个反应应用程序，并使用.scss文件的样式。
我的index.js看起来是这样的：
import './App.scss';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.get
浏览 10提问于2022-02-23得票数 0
我试着配置webpack，让我从另一个建筑工具中得到同样的结果。这是webpack的一个反应应用，1.15。我面临的问题可能是css/样式加载器(SCSS)。
我的css加载程序是这样的：
loaders: [
{
test: /\.(scss|css)$/,
// loader: 'style-loader!css-loader!sass-loader'
loader: 'style!css?modules!sass'
},
网页的结果是：
类名应该在默认属性下。这样就可以解决这个问题，否则我就可以删除默认设置
浏览 0提问于2018-03-26得票数 0
回答已采纳
2回答
我正在开发一个使用MUI和Sass的React项目。目前有多个scss文件装满了!important，用sass覆盖MUI样式.我试图通过删除!important并添加：
import { StyledEngineProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline'
<CssBaseline />
<StyledEngineProvider injectFirst>
*** component tree he
浏览 23提问于2022-11-03得票数 2
回答已采纳
我试图通过module.scss添加类，这样做不能正常工作。我知道我有一个很好的路径，因为添加innerHtml是有效的。
import styles from './style.module.scss';
(...)
useEffect(() => {
document
.querySelector('.thisButtonAddClass')
.querySelector('div')
.querySelector('input')
.classList.add(styles.btn)
浏览 2提问于2022-09-14得票数 0
我正在使用Webpack 3+萨斯加载器+萨斯资源加载器来构建一个多主题的反应应用程序。
这是我的webpack.config：
{
test: /\.css$/,
exclude: /node_modules/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
options: {
importLoaders: 1,
modules: true,
浏览 3提问于2018-06-29得票数 0
我的scss文件中有这个错误。
我所做的是禁用TypeScript，eslint，和更漂亮的，因为我认为这是来自他们，但没有。我该怎么解决这个问题？我的语法也是正确的。这是一个有效的scss。
有这个错误不会编译我的反应应用程序。
SassError: Invalid CSS after "...px solid green;": expected "}", was "&.__form: {"
on line 4 of /Users/raphaelgako/Documents/aRtoo/dev_p/
浏览 3提问于2020-10-11得票数 0
回答已采纳
1回答
我一直有难以置信的困难，让Sass与我的反应设置工作。我已经安装了需要的css-loader、sass-loader和style-loader。我还安装了extract-text-webpack-plugin，它将.scss转换为.css。目前，我关注的是这些文件：
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './app.jsx'
require('./app.scss');
ReactDOM.rend
浏览 1提问于2017-10-26得票数 0
回答已采纳
我试图在我的create-react-app反应项目中开始使用scss而不是css。
我在用这个
现在我的package.json看起来像这样
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
"start-js": "react-scripts
浏览 0提问于2018-08-12得票数 1
2回答
我在Python中有超过10年的经验，主要集中在后端，很少有HTML + JavaScript，但是没有CSS。大约6周前，我开始使用React和JavaScript，并使用react制作了一些简单的应用程序，这并不需要太多的造型。然而，现在我需要做一个体面的规模项目与反应使用配饰的造型。
我从反应样板开始。在阅读了和//github.com/grommet/grommet-独立的自述文件之后，我的理解是，我需要修改webpack配置，以使scss加载程序正常工作。
我的env是win8.1 x64，节点6.4.0
这是我改变的。
同时安装了sass-loader和node-sass
浏览 1提问于2016-10-02得票数 3
我试图找到我的方式来建立一个有效的网络开发工作流程，即使我是新的反应和捆绑(和这两者的组合)。我的目标是让每个React组件使用自己的SCSS文件，其他组件的样式表无法访问该文件。但是需要一些全局文件，比如variables.scss，这正是问题所在。
现在我的文件结构(来自src文件夹)是这样看的：
├── assets
├── components
│ ├── App
│ │ ├── index.js
│ │ └── index.scss
│ ├── Taskbar
│ │ ├── index.js
│ │ └── index.scss
│ └─
浏览 0提问于2019-09-07得票数 14
大家好，新年2022年快乐！我目前正在致力于我的角度库，我有两个问题，我似乎无法修复，尽管文件和时间，我花了寻找一个解决方案。这就是我想要达到的目标：
，我想在我的角库中设置一个主入口点，这样链接就更干净了，，我想使用ng-packagr中的styleIncludePaths，以缩短SCSS导入。
这就是我当前架构的样子：
// ng-package.json
{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../
浏览 10提问于2022-01-11得票数 0
回答已采纳
我是一个新的创建-反应-应用程序使用app.scss的样式，并想知道以下几点：
是否应该将所有.scss和.css文件存储在样式文件夹中？
如果我想把它们全部导入到app.scss中，我该如何做呢？
我注意到app.scss会这样做：
@import '~bootstrap/scss/bootstrap'
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'
当我尝试这样做时：@import './myStyles.css'不会被捡起来。我不知道这是怎么回
浏览 1提问于2019-03-28得票数 0
回答已采纳
2回答
用SASS类覆盖材料UI组件
、、、、
我正在使用重要的UI组件，但希望将我的所有样式移动到一个.scss文件中。目前，我在同一个javascript文件中有一个大型的样式对象，我在该文件中使用了重要的UI组件。此样式对象正通过style支柱传递给材料UI组件。在我看来，这或多或少只是内联样式，我的目标是消除这种模式。我在这些材料UI组件中有其他嵌套组件(物质UI组件以及自定义反应组件)。下面是我正在研究的一个例子：
const styles= {//all my css styles in here}
<TableRowColumn key={index} style={styles.column}>
&
浏览 1提问于2018-03-23得票数 2
回答已采纳
我有反应父组件A，它有自己的scss文件a-style.scss。组件 B 是A的子组件，A将styleInfo对象作为应用于B的支撑传递。
我的问题是-我们是否可以用-style.scss定义styleObj而不是内联地定义它。我希望所有样式相关的信息应该在外部scss文件。
元件A
import "./a-style.scss";
import B from "./B.js";
class A extends Component {
constructor(props) {
super(props);
}
const styleObj
浏览 0提问于2018-04-05得票数 0
我的工作是反应js，我发现在设置背景image.How设置背景图像路径在scss的困难？
.registerpgImage{
background:url('../../images/registerpgimage.jpeg');
background-repeat: no-repeat;
这就是我在控制台中遇到的错误:未登录错误:无法找到模块“./../图像/RegierpgImage.jpeg”
WDS在编译时出错。防止再装子弹。
浏览 5提问于2018-06-06得票数 3
回答已采纳
1回答
我有以下问题，我不知道是否可以使用Jest +快照功能获得结果。
我有一个反应组件，我使用Jest来测试它。
我希望快照包含css样式，而不是className。
目前，我的快照如下：
<div id="main" className="myClass"></div>
我希望这样做：
<div id="main" style={Object {"float": "right"}}></div>
我的应用程序是使用webpack(sass-loader)解析scss，因
浏览 5提问于2017-11-29得票数 8
我刚开始用盖茨比。
在我的正常反应项目中，我通常有一个common.scss文件。此文件包含我可能经常使用的类名称。
例如
.row {
display: flex
flex-direction: row
}
在React应用程序中，我将把它导入到index.js中。我可以把它导入到我的屏幕文件夹中的所有文件中，但是我在想是否有更好的方法？
浏览 4提问于2020-06-08得票数 0
回答已采纳
我是新的反应本机，组件看起来非常混乱-它有视图，控制器和样式的一切在一个文件。
我想把这些东西组织在一个单独的文件中，比如在单独的文件中编写视图(UI设计)和在单独的文件中使用样式，并希望将它们导入组件中(我们是如何在角项目中这样做的)。
像这样
更新
@Component({
selector: 'app-outcome-ratio-popup',
templateUrl: './outcome-ratio-popup.component.html',
styleUrls: ['./outcome-ratio-popup.component
浏览 0提问于2019-12-02得票数 2
我有一个项目与Vite，反应和类型记录。我正在使用VSCode作为IDE。
编写.ts或.tsx以外的任何文件都不能使VSCode IntelliSense工作
我首先认为这是VSCode的一个问题或缺少的扩展，但是在我的VSCode中添加了"allowJs": true之后，我可以看到.js、.cjs等等。
与"resolveJsonModule": true一样，我获得了用于导入JSON文件的intellisense。
然而，我没有CSS/SCSS IntelliSense。是否有一种方法可以打开VSCode IntelliSense以获得更多的文件扩展名或
浏览 2提问于2022-09-07得票数 0
我正在尝试将一个面料js组件(下拉)样式(样式-组件)作为一个反应组件。
css类名在文件office-ui-fabric-react/lib/components/Dropdown/Dropdown.scss.d.ts.中声明。示例：
export declare const root = "root_15a7b352";
我想导入这个类名，这样我就可以在样式中使用它了。
AFAIK，这是TypeScript全局变量，我试着寻找关于如何获得它的信息，但是没有成功。
浏览 0提问于2018-12-09得票数 0
回答已采纳
我有一个具有以下文件的React组件：
src/components/主页/index.js
src/components/主页/style.scss
组件非常简单：
import React from 'react';
import './style.scss';
const HomePage = () => {
return (
<div className="homepage">
<h1>Landing page</h1>
浏览 1提问于2020-07-25得票数 7
回答已采纳
2回答
好的，为了说明这个问题，我现在有一种情况，就是样式表B在样式表A之后被加载(或者说我是这么想的)，因此应该因为级联而覆盖A的样式，实际上是在A之前加载到浏览器中。顺序是错误的。
我有一个简单的反应性组件结构，如下所示：
App
> Header
> Home
> Footer
在我的“index.js”中，我有基本的语句顺序：
import './assets/theme/theme_specific/scss/style.scss';
render(
<Router history={browserHistory}>
&
浏览 5提问于2016-11-18得票数 7
回答已采纳
我目前正在做一个项目，我试图通过webpack加载我的scss/sass。我目前正在使用以下库成功地加载它：
node-sass
sass-loader
css loader
style-loader
我能够成功地require/import样式，但问题是，当我加载应用程序时，页面加载时没有样式，大约1.5秒，然后在页面“眨眼”之后，样式最终加载。
有没有办法通过webpack来解决这个问题？我听说过ExtractTextPlugin和其他几个例子，但我尝试通过查看文章示例和github示例来实现它，但在需要的地方使用require/import似乎无法工作。我只想要求
浏览 0提问于2016-03-11得票数 7
2回答
我是很新的反应和反应-路由器.问题是，在我的应用程序中，我试图为不同的路线获得不同的布局。但是，相反，所有用于不同路由的css文件都是在一个巨大的冲突片段中导入的。
应用程序看起来如下：
<Router>
< >
<Navigation />
<UpButton />
<Switch>
<Route path="/" exact component={Home} />
<Route path="/research" component
浏览 1提问于2019-08-02得票数 6
回答已采纳
我使用的是反应路由器和导入样式和组件到我的app.js。问题是，在例如登录中应用的任何样式都会以某种方式应用于Home、Item和书包。查看chrome中的源代码，它显示了每当我进入任何页面时都要加载的所有css文件。我在利用webpack，我认为这可能是问题所在，但我不知道是什么原因造成的。任何帮助都将不胜感激！
import '../../styles/styles.scss';
import '../../styles/generalStyle.scss';
import 'bootstrap/dist/js/bootstrap';
im
浏览 7提问于2020-04-30得票数 1
回答已采纳
新的反应，无法在许多简单的例子中找到一个快速的答案。Gatsby和React在运行时生成类名，因此我在scss中的类.page1最终为sections-module--page1--2SNjF。
选择元素并向其添加附加类的正确方法是什么？
import React from 'react';
import styles from '../scss/sections.module.scss';
import $ from 'jquery';
class Section extends React.Component {
component
浏览 2提问于2018-08-18得票数 4
回答已采纳
8回答
我刚刚开始学习React (拥有一些JavaScript知识，因为我也在学习它)并构建我的第一个项目。我想知道如何添加样式到我的第一个反应项目，使用CSS/SCSS，因为我有一些知识和理解从我的html，CSS/SCSS学习项目。
如何将SCSS添加到您的React项目中？
浏览 5提问于2021-05-02得票数 74
回答已采纳
我是Next.js的新手，经常使用(弹出)。
在创建-反应-应用程序的配置，我能够与SCSS工作不是在CSS-模块的方法，而是与分裂的SCSS文件。
例如：
ComponentA.jsx
import React from 'react';
import './ComponentA.scss';
const ComponentA = () => {
}
ComponentB.jsx
import React from 'react';
import './ComponentB.scss';
const Componen
浏览 4提问于2020-11-26得票数 7
回答已采纳
1回答
我使用css与css-模块在我的反应应用程序，需要设置颜色：：后元素的基础上的backgroundColor选择的元素，这是通过JSX风格的支柱接收它。
JSX元素：
<span
afterColor={myBackgroundColor}
className={className}
style={{ myBackgroundColor, myColor }}
>Text</span>
className变量：
className = [scss.classOne, scss.classTwo].join(' ')
样式：
.
浏览 0提问于2017-11-20得票数 1
回答已采纳
5回答
使用波旁/波旁纯和约曼，没有错误
、、、、
我刚开始使用约曼，到目前为止效果很好。
我想用波旁波旁酒代替罗盘，这也是我遇到麻烦的地方。我跟踪，但当我运行“咕噜发球”时，我会遇到问题。它似乎没有将我的scss编译成css文件。我查过目录，那里没有文件。
我试着让thoughtbot的人帮忙，但还没有反应。
任何帮助都会很好。
这是我的gruntfile.js供参考。
浏览 1提问于2014-04-09得票数 0
回答已采纳
伙计们
我试着建立我的反应项目，但它一直在说
'Attempted import error: 'styles' is not exported from './styles.module.scss' (imported as 'styles').'
所以，我想我的webpack配置文件中有错误的设置，但是我不知道里面有什么问题。我正在使用css模块，所以已经尝试了这种方式，，但没有为我工作。
这是我使用的源文件之一
import styles from "./styles.scss";
import { with
浏览 6提问于2022-01-19得票数 0
回答已采纳
我使用本教程将mdbootstrap添加到项目中：
我的angular.json：
"styles": [
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.s
浏览 2提问于2021-07-05得票数 0
4回答
我对棱角材质2组件很满意，但有些奇怪的行为我不理解，而且它们没有适当的文档，特别是用于填充和定制组件的文档。
我的项目看起来是：
.src
--app
--components
--login-component
login-component.html
login-component.scss
login-component.js
--login-component
home-component.html
home-component.scss
浏览 4提问于2018-01-05得票数 25
回答已采纳
我知道用不同的方式连接/组合scss文件。
每个任务通过任务运行程序，例如在gulp中(在grunt或webpack中应该类似)
// "./node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss"，"./node_modules/bootstrap/scss/bootstrap.scss"，/ gulpfile.js gulp.src(“./gulpfile.js/scss/var.scss”、“./gulpfile.js/scss/ver.scss”、“./gulpfile.js/
浏览 0提问于2019-04-30得票数 0
我是Mocha的新手，我正试着用它来测试一个简单的React组件。如果react组件没有任何CSS样式，则测试将通过，但如果React组件中的标签包含任何className，则会抛出语法错误：
Testing.react.js
import React from 'react';
export default class Testing extends React.Component {
render() {
return (
<section>
<form>
<input type=&
浏览 117提问于2015-08-27得票数 76
回答已采纳
2回答
我已经创建了一个react应用程序，它基本上是一个可以包含在任何HTML页面上的小部件，但是当它安装在不同的页面上时，它的CSS会受到影响。我希望这个反应应用程序的CSS是坚实的，不受其父页面的CSS的影响。我有index.scss，它有字体系列等定义的主体和代码。在其他地方，我都使用样式化组件来创建具有各自CSS属性的自定义组件。我想知道我的样式组件的CSS是否可能被覆盖。CSS模块能解决我的问题吗？
浏览 204提问于2021-02-02得票数 0
1回答
如何在中使用本地样式表文件
、、、、
我试着学习Wordpress Calyspo的建筑。我已经成功地使用创建了他们的示例"Hello“页面。
现在，我想继续通过这个例子并添加一个样式。我阅读了这些，并根据说明在与main.jsx相同的文件夹中创建了一个本地style.scss文件：
使用一个名为site/index.jsx的组件，该组件在选择器上呈现站点项。假设我们要将站点标题的颜色设置为#333，并在站点是Jetpack站点时将其更改为#444。我们的Sass文件将位于site/index.jsx旁边，并被称为site/style.scss。
该文件中的一种样式非常简单：
.hello-world__title
浏览 4提问于2016-09-09得票数 0
反应初学者在这里。我的应用程序使用创建-反应-应用程序，我正在拉一个旋转木马。我正在尝试遵循react设置中提供的指导，但下面的操作对我来说不起作用：
@import "~slick-carousel/slick/slick.css"; @import "~slick-carousel/slick/slick-theme.css";
我得到以下错误：
./src/components/Homepage.scss Module not found: Can't resolve '~slick-carousel/slick/slick.css'
浏览 1提问于2018-02-14得票数 22
回答已采纳
3回答
嘿，我刚开始学习反应，对HTML、CSS和JavaScript有很好的了解。我无法让这个NavBar改变颜色，如果它是我尝试使用几种不同方式的活动链接，但没有什么对我有用。我有我想要的布局，我只是不知道我是否写错了JSX代码，但是任何帮助或提示都将是惊人的，谢谢。
为NavBar反应JSX代码
import React from "react";
import { Link } from "react-router-dom";
import "./NavBar.scss";
const NavBar = () => {
return
浏览 4提问于2020-05-02得票数 2
回答已采纳
3回答
不知道我错过了什么..。
我确实尝试了css和scss以及.scss文件中的不同组合。尽管如此，我仍然没有看到(在in元素中)它正在从引导中获取css。
是的，我在相应的路径中有引导css和scss文件。
angular.json
"styles": [
"src/styles.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
浏览 0提问于2019-07-25得票数 0
我使用的是webpack，使用react-css-modules和scss文件进行反应。当我尝试构建它时，它在导入scss文件的每个文件上都会出现错误-
ERROR in ./app/components/Buttons/Button.scss
Module build failed: ReferenceError: window is not defined
我用谷歌搜索了整整一天半，却一无所获！请帮帮我！
这是我的webpack设置：
var webpack = require('webpack');
var PROD = (process.env.NODE_ENV ===
浏览 0提问于2016-06-15得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
