Webpack devServer Livereload for Wordpress localhost

Question

我使用Webpack来构建文件和Wordpress主题。

我的网站通过Xampp运行，地址为http://localhost/simple

如何使用devServer:构建webpack-watch以刷新网址

我的目录：

- scss
+ base.scss
- src
+ app.js
- public
+ bundle.js
+ style.css

我这样使用devServer，但它不会自动刷新：

devServer: {
publicPath: "/",
contentBase: "./public",
hot: true
},

你能支持我吗？

非常感谢。

Answer 1

您还需要webpack来运行您的开发环境。

此"devServer:hot"仅启用webpack的热模块更换功能。在webpack文档中，说明了webpack。需要HotModuleReplacementPlugin才能启用热模块更换。

const webpack = require('webpack');
devServer: {
hot: true
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]