vue-cli 在写css的时候无法自动刷新浏览器是什么原因

Question

1，修改css的时候切换到浏览器无法自动刷新，需要手动刷新才能看到效果有人遇到过这样的情况吗
修改其他到是没事 ，只是css 会有这个问题
我用的是vue-cli 3.0

附上解决后的配置：

// vue.config.js
module.exports = {
    lintOnSave:false,
    devServer:{
        host:'0.0.0.0'
    }
}

Answer 1

我也遇到这个问题，不过查明原因后发现是我的vue.config.js配置了extract:true,把style提取至独立的css文件了，而不是动态注入javascipt中。把这个参数去掉就可以了。以下是官方文档原文：
css.extract
Type: boolean | Object

Default: 生产环境下是 true，开发环境下是 false

是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。

同样当构建 Web Components 组件时它总是会被禁用 (样式是 inline 的并注入到了 shadowRoot 中)。

当作为一个库构建时，你也可以将其设置为 false 免得用户自己导入 CSS。

提取 CSS 在开发环境模式下是默认不开启的，因为它和 CSS 热重载不兼容。然而，你仍然可以将这个值显性地设置为 true 在所有情况下都强制提取。

Answer 2

webpack有热加载功能，看一下自己的webpack里有没有配置

Answer 3

你用的不会是webstorm吧

Answer 4

是 .vue 文件中的 style 吗，这个不应该

Answer 5

请问你是怎么解决的?

Answer 6

楼主，贴下解决方法呗？在vue.config.js中添加webpack 热加载的配置么？