Webpack忽略webpack.config.js问题求助（附配置文件代码）

嘿，作为刚踩过Webpack各种小坑的过来人，我来帮你捋捋这个问题～Webpack忽略配置文件通常是几个细节没注意到，咱们一步步排查：

1. 先修正package.json的语法错误 #

看你贴的package.json里，build脚本后面多了个多余的逗号，这会导致JSON解析失败，Webpack自然没法正常读取脚本配置。先把这个逗号删掉，修正后的内容应该是这样：

{
  "name": "pruebaWebpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

2. 确认配置文件的位置和文件名 #

Webpack默认会在项目根目录（和package.json同一层级）查找webpack.config.js文件，你得确保：

• 文件确实放在根目录，不是子文件夹里
• 文件名拼写完全正确，比如别写成webpack.config.jsx或者Webpack.config.js（Linux/macOS系统对文件名大小写敏感）

如果配置文件不在根目录，你可以在build脚本里手动指定路径：

"build": "webpack --config ./your-folder/webpack.config.js"

3. 检查依赖是否安装完整 #

Webpack 4及以上版本需要单独安装webpack-cli，如果没装的话，运行webpack命令会直接报错。另外你的配置里用到了babel-loader，也要把Babel的核心依赖补上，执行下面的命令确保所有依赖都安装到位：

npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env --save-dev

4. 手动指定配置文件调试 #

如果还是不行，直接在命令行手动指定配置文件运行，看看控制台的报错信息：

webpack --config webpack.config.js

报错信息会帮你精准定位问题，比如配置文件里的语法错误、依赖缺失之类的。

最后再贴一下你提供的webpack.config.js（格式整理后）方便对照：

module.exports = {
  entry: "./app/entry",
  mode: "development",
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

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