如何在样式化的jss中提供有意义的类名？

Question

我在我的应用中使用styled-jss。在开发过程中，它将我的组件编译为丑陋的类名，我在Web Inspector中看到了这一点

<div class="div-2-0-1-1">
    <div class="div-3-0-1-2">
        <div class="div-4-0-1-4">
            <div class="div-5-0-1-5"></div>
            <div class="div-6-0-1-6"><textarea class="textarea-7-0-1-7"></textarea></div>
            <div class="">
                <div class=""><input class="input-8-0-1-8"><input class="input-9-0-1-9"></div>
            </div>
        </div>
    </div>
</div>

我希望在类名中看到组件名称。我在mode: 'development'中设置了webpack.config.js，但这无济于事。有什么我可以做的吗？

Answer 1

要实现此目的的自动化方法，需要构建一个babel插件，该插件将使用变量/标识符名称，并将其传递给样式函数，然后将其用作className的一部分。尚不存在，如果您想关注https://github.com/cssinjs/jss/pull/1094

，我们正在此处开发新版本。