如何将JSS集成到WordPress中

Question

WordPress是关于PHP的，JSS是.Js。我也想使用JSS，但是我在PHP生成的HTML和JSS生成的CSS之间交互时遇到了麻烦。与官方示例(https://codesandbox.io/s/z21lpmvv33)一样，JSS生成一个版本的CSS类。这意味着我不能在WordPress中设置固定类。我该怎么办？

Answer 1

JSS是为JS呈现的动态生成HTML而设计的。它的目的是为类名生成唯一标识符，以避免命名过程中的冲突。

如果您想要生成静态的CSS，那么查看更少的\SASS\SCSS，并使用gulp构建它们，或者用更少的直线(http://lesscss.org/usage/)构建它们就更容易了。

下面是经过大量修改的示例，它可以实现您想要的结果。https://codesandbox.io/s/core-jss-playground-84yve

所有这些都是使用jss-plugin-global完成的

将其与使用@global定义CSS规则的初始代码进行比较，使它们在不使用动态部件增强类名的情况下呈现。

还可以看看https://cssinjs.org/jss-plugin-global文档和嵌套插件文档https://cssinjs.org/jss-plugin-global，因为它们很有用。

而且您可能会发现使用JSS https://cssinjs.org/cli/很有用，因此使用JSS，您将能够将JSS简化为静态CSS，并通过wp_enqueue_style()作为普通css文件提供它。

或者，您可以使用ES6语法用webpack+babel构建JSS文件，然后使用wp_enqueue_script()，构建的JS将编译内部JSS并像示例一样注入到页面中。