关于index.html消失的问题

Question

使用webpack --watch时，修改代码，重新打包。哦豁，index.html直接没了。
首先肯定有版本的原因，虽然我不知道啷个整。但我很想知道现在最新的解决方案是什么。

然后下面是我的一些个人理解：
在其它问答里看到说把new cleanWebpackPlugin()去掉。我觉得问题不出在这，因为此时webpack的工作流是

• 删除bundle文件夹
• 生成新的打包文件
• 根据模板生成index.html

显然，问题出在第三步。所以我认为是html-webpack-plugin哪里出了问题。
还有我查了一下，clean-webpack-plugin没有内置。

通过把new cleanWebpackPlugin()去掉而解决问题的童鞋。。
之前我们为什么要引入这个plugin呢？因为当配置文件有变时，不至于打包会有冗余文件。而现在这样做不就违背初衷了麽？

希望得到老师解答?

Answer 1

Dell 2020-09-12 22:46:16

因为当配置文件有变时，不至于打包会有冗余文件，这是啥意思？

• 提问者 rjdmw #1

  比如说，第一次打包，生成dist.js, a.png。
  然后我修改配置文件的output，将生成的文件重命名为bundle.js, b.png。
  第二次打包，原先的dist.js, a.png会先被清除。这不就是clean-webpack-plugin的作用吗?

• 提问者 rjdmw #2

  补充一下
  clean-webpack-plugin是清除整个打包的文件夹 所以会连index.html一起清掉。
  如果不用clean-webpack-plugin，index.html确实是不会消失了，但是其它打包文件也不会消失，就可能会出现打包文件冗余的问题。

• 提问者 rjdmw #3

  补充一下
  如果不使用clean-webpack-plugin index.html确实不会被清除了。但是其它打包文件也不会被清除的。所以会造成可能有冗余文件的结果。
  所以我觉得
  打包时index.html会消失这个问题
  不应该使用该方法来解决。

点开查看后面1条评论