我想注入webpack-dev-server.js文件。
但是,根据文档,这应该是手动完成的,并且只需要使用完整的url:
来自:http://webpack.github.io/docs/webpack-dev-server.html#api
注意到..。WebpackDevServer API没有内联模式。
<script src="http://localhost:8080/webpack-dev-server.js"></script>应该手动插入到HTML页面。
来自:http://webpack.github.io/docs/webpack-dev-server.html#hot-mode
从文档中得出这两点的原因是什么?
为什么注入像<script src="/webpack-dev-server.js"></script>这样的脚本标记不是个好主意?
我还在github上开了一期:https://github.com/webpack/webpack/issues/1285
发布于 2015-07-23 15:20:24
我想钥匙在--内联里。您可以通过devServer.inline: true设置它。我最近了解到,它会自动注入webpack-dev-server/client条目。实际上,如果您将它添加到您的条目中并使用--inline,您最终将得到一个重复的脚本!
如果设置了内联,则只需将webpack/hot/only-dev-server设置为条目。
发布于 2015-07-22 10:05:57
webpack开发服务器客户端脚本从它自己的脚本标记的src属性中检索它连接到的服务器的地址,在您的例子中是http://localhost:8080/。
请注意,通过将客户端脚本添加到条目列表中,可以直接将客户端脚本包括在包中:
module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server',
'./src/index'
],
output: {
filename: 'bundle.js',
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
],
};在这种情况下,webpack-dev-server/client/index.js脚本(对应于从dev服务器提供的/webpack-dev-server.js脚本)将使用其资源查询作为要连接到的服务器地址。
https://stackoverflow.com/questions/31448534
复制相似问题