0
点赞
收藏
分享

微信扫一扫

webpack5热更新失效,且只有css修改后失效?

一葉_code 2022-04-20 阅读 43
webpack

其他webpack5热更新失效的解决:https://segmentfault.com/a/1190000041684579,但是我不是这原因。

一,现象

    "webpack": "^5.72.0",
    "webpack-cli": "^4.9.2",

在开启热更新之后。开发环境npm run dev运行项目后,修改js和html后保存代码。页面正常自动更新。但是修改css保存后就会出问题,页面的css样式消失了,并且报错:
在这里插入图片描述

二,解决

打包的css输出路径名字不能有这个哈希值?

 new MiniCssExtractPlugin({
      filename: "assets/styles/[contenthash].css" //配置css打包之后的存放路径
 }),

但我把它改成之后,就可以了。虽然有新的问题:每次修改一个css,就全量热更新(包括html和js)。但是好歹不报错会更新了不是!!!??

 new MiniCssExtractPlugin({
      filename: "assets/styles/[name].css" //配置css打包之后的存放路径
 }),

记录一下,后续看看是啥原因。

举报

相关推荐

0 条评论