如何在webpack上进行自动重装？

Question

我有webpack.config.js：

entry: {
    app: path.join(__dirname, 'src', 'app.js')
},
devServer: {
    hot: true,
    inline: true
}

我从公共cmd的{​​{1}}开始，浏览到webpack-dev-server，当我对http://localhost:8080/进行任何更改时，我看不到任何重新加载浏览器。

如何使用该webpack重新加载到我的项目？

Answer 1

首先，开发服务器将所有内容写入内存，因此您应该使用内存缓存而不是磁盘文件。

// index.html
<script src="bundle.js"></script>
// rather than <script src="dist/bundle.js"></script>

另一方面，要修复热重载问题，请将内容库设置为源目录

webpack-dev-server --content-base src

希望对你有所帮助！