css - 弹出的 create_react_app 和构建(生产)css 无法正常工作

Question

我有一个从 create_react_app 创建的应用程序然后弹出，没有任何修改。

运行开发版本时，一切都按预期工作。

不幸的是，当我执行 npm run build 并通过 serve -s build 运行它时，我的样式不起作用。

正在查找 .css 文件并将其编译成一个缩小版本。但问题是生成的标记将类名前缀更改为 'T-' 而不是已编译的 .css 文件中的前缀。 (即)MyApp-header 正在更改为 T-header，但在缩小的 css 文件中，它仍然引用 MyApp-header。

prefix changed to T-

如有任何帮助，我们将不胜感激。

Answer 1

这个问题原来是由使用这个...的一些细微差别引起的

@SuitCssify.decorator

我正在评估这个库在元素中的潜在用途，直到尝试生成实际的生产版本才发现这个问题。

我已经放弃了这种方法并更改了我的配置以使用效果很好的“CSS 模块”。我会提供一个链接，但我的声誉只允许我在每个帖子中使用一个链接。 ;(

my 'webpack.config.[dev & prod].js' changes to enable css modules