如何保证webpack-dev-server中的热CSS先于JS加载？

要保证webpack-dev-server中的热CSS先于JS加载，可以采取以下步骤：

1. 在webpack配置文件中，确保CSS文件的入口在JS文件之前。这可以通过entry配置项来实现，将CSS文件的入口放在JS文件的前面。
2. 在webpack配置文件中，使用style-loader来处理CSS文件。style-loader会将CSS文件转换为style标签，并将其插入到HTML文档中的head标签中。这样，CSS文件就可以在JS文件加载之前被加载和应用。
3. 在webpack配置文件中，将HotModuleReplacementPlugin插件添加到plugins配置项中。这个插件会启用热模块替换功能，使得在开发过程中修改CSS文件后，页面可以自动刷新并应用新的样式。

综上所述，通过以上步骤，可以保证webpack-dev-server中的热CSS先于JS加载。

推荐的腾讯云相关产品：无

参考链接：

• webpack官方文档：https://webpack.js.org/
• style-loader官方文档：https://webpack.js.org/loaders/style-loader/
• HotModuleReplacementPlugin官方文档：https://webpack.js.org/plugins/hot-module-replacement-plugin/