webpack output 文件名配置不起作用

Question

當我運行“npx webpack --config webpack.config.js”時，即使我將其配置為“bundle.js”，它也會在 dist 文件夾中繼續生成“main.js”，控制台將顯示：

資產 main.js 0 字節 [與 emit 相比] [最小化]（名稱：main）./src/index.js 1 字節 [構建] [代碼生成]

配置中的警告“模式”選項尚未設置，webpack 將回退到該值的“生產”。 將“模式”選項設置為“開發”或“生產”以啟用每個環境的默認值。 您還可以將其設置為“無”以禁用任何默認行為。 了解更多： https://webpack.js.org/configuration/mode/

webpack 5.24.4 在 167 毫秒內編譯時出現 1 個警告

我當前的文件結構：

/root
 /dist
 /src
  index.js
 /node_modules
 package.json
 package-lock.json
 webpack.config.js

package.json：

{
  "name": "mydemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  },
  "devDependencies": {
    "webpack": "^5.24.4",
    "webpack-cli": "^4.5.0"
  }
}

webpack.config.js：

const path = require('path')

module.exports = {
  entry: path.resolve(__dirname, 'src', 'index.js'),
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
}

Answer 1

原來是我對vscode不熟悉，當我編輯所有的配置文件時，我沒有保存，所以我猜構建器只是把上次的配置拿來運行它。