同构风格的装载机使得风格丑陋

Question

我在https://github.com/barbar/vortigern上创建了自己的入门套件，一切正常，但我有一个问题。

通常当我想将所有风格连接到App时，我会做

import '../styles/scss/bundle.scss';

bundle.scss - 包含所有导入。

但在同构的情况下，所有这些都很复杂。

.global {
  background: yellow;
  >.child {
    background: tomato;
  }
}

转化为：

.app_global_1pn {
  background: yellow; }
  .app_global_1pn > .app_qwe_FD8 {
    background: tomato; }

问题1：app_global_1pn - 该名称将永久保留？我可以像

一样使用它

<Tag className='app_global_1pn' />

问题2：是否有没有uglify风格的解决方案？

Answer 1

此行为存在，因此多个css模块中的重复样式名称不会导致与生成的CSS冲突。如果您不想使用css模块，那么您可以随时预编译CSS并将其作为静态.css文件加载。但是，你将无法获得css-modules的好处，例如热重载等。