Webpack devServer Livereload for Wordpress localhost答案

【问题标题】：Webpack devServer Livereload for Wordpress localhostWebpack devServer Livereload for Wordpress localhost
【发布时间】：2018-11-03 15:56:48
【问题描述】：

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

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

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

我的目录：

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

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

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

你能支持我吗？

非常感谢。

【问题讨论】：

标签： wordpress webpack webpack-dev-server

【解决方案1】：

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

这个 'devServer: hot' 只启用 webpack 的热模块替换功能。在 webpack 文档中声明需要webpack.HotModuleReplacementPlugin 才能启用热模块替换。

const webpack = require('webpack');

devServer: {
  hot: true
},
plugins: [
  new webpack.HotModuleReplacementPlugin()
]

【讨论】：