我在React应用程序中将style-loader与css-loader一起使用。每次更改/更新代码（无论是JS还是SCSS）时，都会重新构建我的client.js和client.css。
每次发生时，webpack config / plugins都会执行一项非常酷的功能。 React中未使用的任何类都不会添加到最终的.css文件中。太棒了！
但是我需要添加所有类。即使是不使用的类也是如此。 我正在从React迁移到Twig，然后将React应用程序中生成的HTML粘贴粘贴到Twig中，并修改React组件以将所有静态HTML保留在Twig中，而在React中只保留了一些小的交互式位。
仅供参考，这是一个业务决策，因为ReactJS是服务器渲染的，目的是实现最佳SEO优化，但是在我们的案例中这没有道理。
如果您知道将ReactJS应用程序迁移到Twig的更好方法，请告诉我！我认为最大的挑战将是优化从React到Twig的类名称约定。目前，我正在处理完全生成的名称，例如<div class="src-components-common-Page-___Page__page">。