vue cli3.0 下 ,样式无法热更新的问题

css.extract

    Type: boolean | Object

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

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

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

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

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


你可以直接
css: {
sourceMap: false,
modules: false
}
extract参数不加,照样可以抽离CSS,并且Style修改也能实时更新,修改要重启下项目配置才生效-0-    

猜你喜欢

转载自blog.csdn.net/cuiyuchen111/article/details/100078645