webpack和react识别css类名

文章/答案/技术大牛

发布

2回答

javascript、reactjs、webpack、ecmascript-6

我有一个React组件，我正在尝试导入css。 return <div className="example-class">Example</div>我的文件结构如下所示 -index.js -index.js我的webpack.conf

浏览 5提问于2017-08-01得票数 4

回答已采纳

1回答

有没有办法在laravel中随机化css类？

css、laravel、css-selectors

有没有办法随机化css类并在html和js文件中更新它们？

浏览 14提问于2018-08-19得票数 -1

回答已采纳

2回答

使用css-加载程序而不作任何反应

css、webpack、bundling-and-minification、css-loader、css-modules

我正在构建一个小的web应用程序Webpack支持的CSS模块(通过css加载程序)，没有反应。我的目标是通过在css加载器上使用选项(因为我目前正在使用冗长的边界元类名)来获取localIdentName: '[hash:base64:8]'。我以前使用过css-加载程序和React，它最终起作用了，因为您可以导入React文件中的样式类名，并使用可读的名称来

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

回答已采纳

1回答

如何在react-day-picker中添加less文件中的take样式而不是css？

css、webpack、less

我正在使用react中的react day，名为react webpack。我不想使用css文件。那么，我如何才能使用一个较少的文件而不是css文件。我正在使用webpack给类名添加哈希标签。

浏览 0提问于2017-05-19得票数 0

2回答

如何使用Webpack 2散列Angular 2 (4)中的CSS类名？

angular、webpack

我在Google新闻上看到Google对他们的CSS类名进行了哈希处理。我想知道这在Angular和Webpack中是否也是可能的。

浏览 0提问于2017-10-14得票数 0

2回答

PostCSS中更好的类名

webpack-2、postcss

我正在用Webpack 2构建我的应用程序。我正在为CSS模块使用PostCSS 2。下面是Webpack的CSS导入配置： test: /\.css$/, use: [ ], }, }, 现在的问题是，这会产生非常丑陋的类名</e

浏览 6提问于2017-05-20得票数 2

回答已采纳

1回答

下一个js className尚未设置

javascript、css、reactjs、next.js

所以我想使用css作为nav的模块和设置类名，但是在呈现的DOM中，这个类名并不存在。我可以看到webpack在“头”标签中生成的风格，但我在导航标签上没有看到类名。import React from "react"; type Prop

浏览 3提问于2022-01-02得票数 2

回答已采纳

2回答

在JSX和Webpack的CSS输出(或其他编程方法)中缩小/处理CSS类名

javascript、css、reactjs、webpack、postcss

我想在我的输出CSS文件和呈现的JSX中缩小类名(为了极小的源代码保护目的)，这些类名来自我的React组件，类似于这个Webpack插件：。我是否可以利用现有的方案来实现这一目标，Webpack或其他？非常感谢。

浏览 0提问于2018-02-14得票数 6

回答已采纳

3回答

在webpack* css加载程序中使用外部样式和多个类名*

css、reactjs、webpack

是否有一种方法可以在获得base64类名的同时使用外部css (例如引导、语义-ui、基础等等)？如果有一种方法可以使用多个类名，这是可能的。目前您只能使用这样的一个类名import style from '.<div className={style.button}>Hello Webpack

浏览 8提问于2016-01-12得票数 4

回答已采纳

2回答

你如何在“webpack”中渲染嵌套的SASS？

javascript、reactjs、sass、ecmascript-6、webpack

以下面的css为例。 .Button { }下面的React组件..。import React from 'react' import classes from '.我在我的Webpack设置中使用postcss-loader，sass-loader，style-loader和node-sass。

浏览 0提问于2016-06-18得票数 3

1回答

在使用css-加载程序和Webpack时使用字符串类名

css、reactjs、webpack、css-loader

css模块的css-loader包装器)和MiniCssExtractPlugin，在构建的dist文件夹中创建一个单独的css文件。</h1>; // This works: text is colored correctlyhello.tsx</h1>; // This does

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

回答已采纳

2回答

为什么专业网站会有奇怪的#id和.class名字？

css

我注意到facebook和gmail有非常奇怪的#id和.class名字。<span class="J-J5-Ji ask"> </span><div class="asf T-I-J3 J-J5-Ji"></div></div></div></div> 和facebook它

浏览 3提问于2013-02-07得票数 43

回答已采纳

15回答

React : CSS类名导入不起作用

reactjs、web-deployment

我在react组件中有一个css div，并且我从一个类<main>文件中导入了一些类名，但是当我试图在浏览器中检查它时，这个类名并没有集成到主div中。当我简单地使用其他类名时，它像<main className="test">一样工作，但导入类不起作用。这是我的组件： import React from 'react

浏览 20提问于2018-12-01得票数 11

1回答

babel-plugin-react- css -modules添加类但不转换css

reactjs、webpack、create-react-app、react-css-modules

我正在尝试使用带有弹出的create-react-app副本的babel-plugin-react-css-modules来确定我的LESS CSS的范围。我已经成功地安装和配置了这个插件，并且它使用styleName属性正确地设置了作用域的类名，并且我已经将它配置为使用LESS以及根据文档。但是，在导入生成的CSS时，它不会转换类名以匹配元素上设置的类名。下面是我的web

浏览 7提问于2017-04-09得票数 2

2回答

通过CSS模块生成类名是以一种奇怪的方式生成的。

javascript、reactjs、webpack、sass

我通过CSS-modules配置了webpack，但结果是类名看上去不对。---------- module: { { use: [ {

浏览 4提问于2021-09-03得票数 3

回答已采纳

1回答

使用类型记录，Webpack* 4和反应每次我包括一个scss文件风格名称是未定义在className*

javascript、reactjs、typescript、webpack、sass

我正在构建一个使用类型记录和Webpack 4的React。我试图将scss文件中的类名包含在我的组件中，但是当我这样做的时候，类名是没有定义的。我遇到的最大问题是，很多教程和网页在线推荐使用ExtractTextPlugin，但这与webpack 4不兼容。这就是为什么我必须使用MiniCssExtractPlugin和用于css模块的类型加载程序。": "^5.2.1&quo

浏览 0提问于2018-09-19得票数 1

回答已采纳

1回答

在react* slick中，className与webpack *CSS加载器转换的css文件中的类名不匹配。

css、reactjs、webpack

我对react-slick非常陌生。我遵循了安装指令，但是滑块没有CSS样式。我的app项目是由创建-反应-应用程序创建的。slick.css和slick-theme.css都是导入的styles.scss，这是我为导入流畅的CSS文件而创建的一个文件。当您看到在webpack.config.js中设置css-加载器时，类名应该在localIdentName之后更改。因此，类名在

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

回答已采纳

1回答

如何用less添加类名和与webpack反应？

reactjs、less、classname

我有一个使用less-loader、css-loader和style-loader的webpack配置。当我将较少的文件导入到组件文件中时，css在chrome的devTools中可见，但类名却不可见。我在谷歌上搜索了几个小时，似乎找不到任何可以解释这一点的东西。这是我的webpack配置： module: { ...',

浏览 21提问于2019-06-13得票数 0

2回答

如何让CSS模块默认全局导入文件？

reactjs、webpack、css-modules、css-loader

我正在尝试实现CSS模块到我的项目，这是使用React和Webpack。但是，我想继续使用我创建的所有全局css。import './styles.scss中存在的类.button现在，因为我想实现CSS模块，所以我在<

浏览 25提问于2017-12-19得票数 9

1回答

Webpack将CSS编译成奇怪的类名

css、node.js、reactjs、webpack

目前，我正在使用webpack开发带有NodeJS后端的React应用程序。} background-color: #FFC107;当我加载页面并查看头部时，它将转换为具有以下类名的我怎样才能避免这种情况或者有适当的反应来更改<

浏览 3提问于2016-07-20得票数 1

回答已采纳

点击加载更多