css-modules 相关问题

CSS Modules是一个预处理器,允许在CSS代码中模拟本地范围和控制依赖关系。

如何使用Typescript,React和Webpack导入CSS模块

如何使用Webpack在Typescript中导入CSS模块?为CSS生成(或自动生成).d.ts文件?并使用经典的Typescript导入语句?使用./styles.css.d.ts:import *作为'。/ ...的样式

回答 4 投票 14

Css模块与反应

我正在构建一个React网站,启用css模块样式我弹出我的项目我使用npm run eject我在webpack.config.dev.js和webpack.config.prod.js文件中添加了额外的配置,...

回答 1 投票 0

反应选择下拉列表在模态内打开

我有一个自定义模式,其中我有2个反应选择组件。模态体已准备好自动滚动,以防内容超出其大小,但反应选择组件下拉打开...

回答 1 投票 2

将SCSS规则嵌套在VueJS模块中

在处理CSS模块以将样式导入本地组件时,如何处理嵌套的SCSS规则(扩展基本样式)?就我而言,我有以下两个SCSS文件:icon ....

回答 1 投票 0

如何使用CSS模块在React中设置子组件的样式

我正在使用React与SASS和CSS模块。如何设置子组件的样式而不传递新的ClassName或类似的东西。对于Ex。我想为孩子定位或做一些风格......

回答 1 投票 4

使用没有React的css-loader

我正在构建一个支持Webpack的CSS模块(通过css-loader)并且没有React的小型Web应用程序。我的目标是获得简短,混淆的CSS类名称的好处(因为我目前使用冗长...

回答 2 投票 1

Jest css-modules SyntaxError:意外的令牌

我已经设置了我的jest以允许静态文件在遵循他们的文档后如何这样做,但我仍然收到以下错误。我怎样才能传递并创建快照。终奌站 ...

回答 2 投票 2

CSS模块@import未通过Jest测试套装

我正在使用Jest和Enzyme来测试我的应用程序。我收到错误:FAIL app / containers / Navbar / NavbarContainer.test.js●测试套件无法运行app / components / Navbar / styles.css:...

回答 3 投票 2

如何在create-react-app中使用css模块?

根据Dan Abramov的推文,CSS模块支持在create-react-app(CRA)中。只需要将module.css扩展到他的样式表来启用该功能,但这不是......

回答 3 投票 19

如何使用Nuxt正确导入CSS模块?

我正在使用带有Nuxt的CSS模块,并且在尝试导入js中的样式表时遇到了一些问题。如果我将样式表直接导入...` @import'./ index.css'...

回答 2 投票 0

我可以使用带有Storybook 5的CSS模块(React风格)吗?

我正在尝试将Storybook v5.0与我的项目一起使用,我正在使用React + Webpack4 + CSS模块。 (我没有使用CreateReactApp)我的设置非常简单,我能够设置Storybook而不...

回答 1 投票 1

webpack css-loader逃避问题

我正在使用macOS Mojave 10.14(18A391)Node.js 11.13.0 npm 6.7.0 webpack 4.29.6 css-loader 2.1.1 sass 1.17.3 sass-loader 7.1.0 mini-css-extract-plugin 0.5.0预期的行为呈现HTML

回答 1 投票 0

处理样式表顺序和css模块className覆盖

我有一个有自己风格的组件,例如.prompt {color:red;它被声明为:从'classnames'导入cn;从'./styles.css'导入样式; const MyComponent =({className})=> ...

回答 1 投票 10

使用css模块时,在控制台中使用原始className

我正在使用babel-plugin-react-css-modules。这是我在webpack中的配置。 devtool:'source-map',{test:/\.local \。(css | scss)$ /,使用:['style -...

回答 1 投票 0

CSS Modules类名未定义

我尝试在我的项目中使用css模块。我正在使用最新的Create React App和react-scripts 2.1.8版。在文档中它说我可以添加CSS模块,而我不必执行弹出脚本。我试过了 ...

回答 1 投票 1

CSS模块,反应和重写CSS类

我正在使用一个React组件库(React Toolbox),它使用CSS Modules和Webpack在他们的Tab组件中输出这个类:label___1nGy active___1Jur tab___Le7N该选项卡是一个className ...

回答 3 投票 17

Webpack:sass-loader上的重复导入,css-loader(modules:true)

这个问题尚未解决,我需要帮助。救命!我的问题是:如何使用css-loader设置webpack sass-loader,设置为执行css模块,以防止重复导入?谁能......

回答 1 投票 4

CSS模块 - 意外令牌

我正在尝试使CSS模块与React组件一起使用。我的代码如下:从'./style.css'导入样式; const Header =()=> {return( &...

回答 1 投票 6

如何在CSS模块中使用全局变量?

我正在忙着用CSS-Modules学习React,我不太明白如何存储变量?例如,在Sass中你可以这样做:// _variables.scss $ primary-color:#f1f1f1; // ...

回答 4 投票 6

我如何设置react-datepicker的样式?

我正在使用webpack,react-datepicker并设法使用提供的css模块导入其css。 import'alaction-datepicker / dist / react-datepicker-cssmodules.css该组件看起来很好,花花公子,......

回答 3 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.