webpack-dev-server 例子

以下是一个简单的 webpack-dev-server 配置例子：

const webpack = require('webpack');
const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'dist'),
    port: 8080,
    hot: true
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ]
};

这个例子中，我们配置了一个简单的开发服务器，监听本地的8080端口，并且开启热更新（hot module replacement）。当文件发生变化时，webpack-dev-server 会自动重新编译，并且在浏览器上刷新页面，以便我们可以及时看到最新的效果。同时，我们还配置了一个 webpack 插件，用于开启热更新。

相关问题

vue安装Error: Cannot find module 'C:\Windows\System32\vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js'

根据提供的引用内容，这个错误可能是由于webpack-dev-server未正确安装或路径设置不正确导致的。解决此问题的步骤如下：

1. 确保已经安装了webpack-dev-server。如果没有安装，请使用以下命令进行安装：

npm install webpack-dev-server --save-dev

2. 确保webpack-dev-server的路径设置正确。可以在package.json文件中的scripts部分找到启动命令，例如：

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
}

在这个例子中，webpack-dev-server的路径应该是`./node_modules/webpack-dev-server/bin/webpack-dev-server.js`。如果路径不正确，请修改为正确的路径。

3. 如果以上两个步骤都没有解决问题，请尝试删除node_modules文件夹并重新安装依赖：

rm -rf node_modules
npm install