我将导入样式CSS模块并使其与服务器端渲染一起使用。我尝试了以下方法，但每种方法都有其自己的警告。最好的方法是什么require('.style.scss')是否有副作用？
-
使用css-模块-require-hook:
优势：易于配置。您只需在服务器代码的开头调用该钩子即可。您不需要修改组件。
Caveat: 它修改了require.extensions全局对象，即已弃用.
-
使用同构式加载器:
优势: 没有更多的钩子了require.extensions.
Caveat：使用 React 的 HOC 包装组件Context，这是一个实验性的API 并可能在 React 的未来版本中出现问题。
-
使用webpack 同构工具:
优势：不依赖于require.extensions or Context（AFAIK）。
Caveat：将服务器包装在 webpack-isomorphic-tools 实例中。我们可以摆脱吗webpack-assets.json?
-
捆绑服务器Webpack:
优势：不再有钩子或注射。
Caveat：在开发中，每当代码发生变化甚至做出更改时，都将所有内容捆绑在一起，非常麻烦harder在大型捆绑中进行调试.js文件。不确定 - 您可能需要通过捆绑包.js测试跑步者。
免责声明:
- 下面的优点和注意事项只是我的两分钱，实际上我喜欢他们用来解决问题的所有库、插件和方法，并且非常感谢他们的努力。
- 我的母语不是英语，如果我表述错误，请纠正我。
最后我决定挂机require.extensions开发中。也许这不是最好的方法，在控制台上显示警告消息，例如校验和不匹配，但在开发模式下，我可以忽略它。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
