Webpack打包生成同名文件夹与文件，是哪里配置出现错误？

--output-path参数的作用是指定webpack打包产物的输出根目录，你在该参数的路径末尾拼接了文件名main.js，webpack会将这部分识别为目录进行创建，再把默认命名为main.js的打包文件写入该目录下，最终就出现了同名文件夹嵌套同名文件的问题。

修改package.json中的scripts配置，将--output-path路径末尾的文件名去掉，若需要显式指定输出文件名，额外补充--output-filename参数即可：

"scripts": {
  "dev": "webpack --mode development --watch ./leadmanager/frontend/src/index.js --output-path ./leadmanager/frontend/static/frontend/ --output-filename main.js",
  "build": "webpack --mode production ./leadmanager/frontend/src/index.js --output-path ./leadmanager/frontend/static/frontend/ --output-filename main.js"
}

修改后重新打包，生成的目录结构如下：

./leadmanager/frontend/static/frontend/
└── main.js

内容的提问来源于stack exchange，提问作者HackerMF