isomorphic-javascript - isomorphic-style-loader 制作丑陋的风格

Question

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

通常，当我想将所有样式连接到应用程序时，我会这样做

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 模块的好处，比如热重载等。