项目内执行webpack命令提示未识别，安装依赖后仍报错求助

嘿，我来帮你一步步搞定这个问题！

先解决「'webpack' 不是内部或外部命令」的核心错误 #

你已经把webpack装到项目本地依赖里了，但直接敲webpack命令时，系统会优先找全局环境的webpack——而你没装全局版本，所以才会报错。这里有几个靠谱的解决办法：

• 用npx运行本地webpack（最推荐，不污染全局环境）：
  直接在项目根目录执行：

  npx webpack
  

  npx会自动定位到你项目node_modules里的webpack命令来运行。

• 在package.json里添加scripts脚本：
  打开项目根目录的package.json，在scripts字段里加一行：

  "scripts": {
    "build": "webpack"
  }
  

  之后运行：

  npm run build
  

  npm会自动在项目的node_modules/.bin目录下查找webpack命令，不用手动指定路径。

• 全局安装webpack（不推荐，易引发版本冲突）：
  如果一定要全局用webpack命令，可以执行：

  npm install webpack webpack-cli -g
  

  注意webpack4及以上版本必须同时装webpack-cli，不然还是会报错。

关于你提到的「尝试解决方案后出现另一个错误」 #

你只贴了webpack.config.js的部分内容，我猜大概率是配置不完整或者版本兼容问题。结合你安装的依赖，给你一个完整的参考配置：

module.exports = {
  entry: './src/index.js',
  output: {
    // 用__dirname拼接绝对路径，避免相对路径在不同环境下出问题
    path: __dirname + '/dist',
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        // 匹配所有.js文件
        test: /\.js$/,
        // 排除node_modules目录，不用编译第三方依赖
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            // 启用你安装的两个preset
            presets: ['es2015', 'react']
          }
        }
      }
    ]
  }
};

另外要注意：如果你的webpack版本是4.x，除了webpack本身，还需要单独安装webpack-cli，执行：

npm install webpack-cli --save-dev

如果还是有错误，建议把新的错误信息贴出来，这样能更精准地排查~

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