javascript - (node js) webpack-dev-server 没有正确编译

Question

我在 Node 中有一个简单的 webpack、webpack-cli 和 webpack-dev-server 项目。我的 JS 在使用时从 src/ 编译到 dist/js/ 就好了npx webpack，但是当我使用时发生了一些奇怪的事情：当我对 src/ 文件夹中的 javascript 进行更改时，npx webpack serve我收到了通常的消息，并且实时服务器重新加载webpack 5.64.0 compiled successfully in 89 ms，但实际上并没有对 dist 'main.js' 文件进行任何更改。即使是硬刷新或开发服务器重启也不行。这是我的 package.json ......

{
  "name": "fate-clone",
  "version": "1.0.0",
  "scripts": {
    "start": "webpack serve --mode=development",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "pixi.js": "^6.2.0", //Just a WebGL graphics engine
    "webpack": "^5.64.0"
  },
  "devDependencies": {
    "webpack-cli": "^4.9.1",
    "webpack-dev-server": "^4.5.0"
  }
}

还有我的 webpack.config.js ......

const path = require('path')

module.exports = {
  stats: 'minimal',
  entry: path.join(__dirname, "src/index.js"),
  watch: true,
  output: {
    filename: 'main.js',
    path: path.join(__dirname, 'dist/js'),
  },
  devServer: {
    hot: true,
    compress: true,
    static:  {
      directory: path.join(__dirname, 'dist'),
    },
    port: 8080,
  }
}

同样，使用 watch=true 运行 'npx webpack' 可以完美地编译所有内容，所以我很困惑我错过了什么导致 webpack-dev-server 正在编译一些神秘的 main.js 文件。

标签： javascriptnode.jswebpack