首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >注入webpack-dev-server.js

注入webpack-dev-server.js
EN

Stack Overflow用户
提问于 2015-07-16 08:01:42
回答 2查看 3.3K关注 0票数 2

我想注入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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-23 15:20:24

我想钥匙在--内联里。您可以通过devServer.inline: true设置它。我最近了解到,它会自动注入webpack-dev-server/client条目。实际上,如果您将它添加到您的条目中并使用--inline,您最终将得到一个重复的脚本!

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

票数 5
EN

Stack Overflow用户

发布于 2015-07-22 10:05:57

webpack开发服务器客户端脚本从它自己的脚本标记的src属性中检索它连接到的服务器的地址,在您的例子中是http://localhost:8080/

请注意,通过将客户端脚本添加到条目列表中,可以直接将客户端脚本包括在包中:

代码语言:javascript
运行
复制
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脚本)将使用其资源查询作为要连接到的服务器地址。

webpack-dev-server/client/index.js

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31448534

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档