webpack怎样reload页面?

文件目录结构大致如下:

clipboard.png

index.html里面是直接把dist/index.js引进去的
<script src="./dist/index.js"></script>

执行了这个命令"webpack --watch & webpack-dev-server",发现当改动src目录里面的文件时,dist/index.js也更新了,但是index.html并没有reload。

求问:当改动src原文件时,怎样才能同时reload index.html?

// webpack.config.js 中的devServer配置项
devServer: {
  contentBase: __dirname,
  host: ip,
  port: 8081,
  historyApiFallback: true
}
阅读 1.8k
1 个回答

直接执行命令webpack-dev-server,使用HMR可以实现reload,但是此时生成的js是在内存里面的,dist文件夹下并没有任何文件。
而我恰恰又需要dist下的js(其实是weex.js),生成二维码展示出来,所以还是没有达到目的。期待大神...

// webpack.config.js
plugins: [new webpack.NamedModulesPlugin(), new webpack.HotModuleReplacementPlugin()],
devServer: {
  contentBase: __dirname,
  host: ip,
  port: 8081,
  historyApiFallback: true,
  hot: true,
  inline: true
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进