使用webpack-dev-server来开发
现在想保持vuex的状态来更新CSS，
如果使用 webpack-dev-server --hot 可以保持状态但只能更新js, css修改了没反应（.vue文件里面）
如果使用 webpack-dev-server --inline 可以更新CSS，但不能保持状态
求解！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
1561
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
自问自答：
问题出在开发环境我用了
extract-text-webpack-plugin抽出了CSS，由于浏览器的缓存（可能原因）导致CSS的更改没有传递给浏览器。因此解决办法就是直接将CSS输出到HTML里的style标签，这样CSS的热重载就生效了（保持VUEX状态）。也不需要
vue-hot-reload-api,vue-loader自带了。有一点疑问，为什么js也是抽出来单独一个文件，但却支持热重载，没有缓存的问题，然而CSS却有。我觉得可能与vue-loader的热重载底层实现有关。
可以参考我的这篇博客：
http://ewind.us/2017/webpack-...
NPM 命令采用
webpack-dev-server --hot --inline即可。另外记得添加vue-hot-reload-api依赖。