javascript - 注入(inject) webpack-dev-server.js

Question

我想注入(inject) webpack-dev-server.js 文件。
然而，根据文档，这应该手动完成，并且只能使用完整的 url:

发件人:http://webpack.github.io/docs/webpack-dev-server.html#api

Notice that [...] there is no inline mode for WebpackDevServer API. <script src="http://localhost:8080/webpack-dev-server.js"></script> should be inserted to HTML page manually.

发件人:http://webpack.github.io/docs/webpack-dev-server.html#hot-mode

<!-- It is important that you point to the full url -->
<script src="http://localhost:8080/webpack-dev-server.js"></script>

文档中这两点的原因是什么？
为什么注入(inject)像 <script src="/webpack-dev-server.js"></script> 这样的脚本标签不是个好主意？ ？

---

我也在github上开了一个issue:https://github.com/webpack/webpack/issues/1285

Answer 1

我认为关键在--inline .您可以通过 devServer.inline: true 进行设置。我最近了解到它会自动注入(inject) webpack-dev-server/client 条目。事实上，如果您将它添加到您的条目并使用 --inline，您最终会得到一个重复的脚本!

如果设置了内联，您只需将 webpack/hot/only-dev-server 设置为您的条目。