看起来你遇到的核心问题是删除dist目录后，webpack构建无法正确生成所需的vendor文件，甚至出现生成空文件的情况。我帮你梳理几个可能的原因和对应的修复步骤：

1. 插件兼容性问题（最可能的根源） #

你当前使用的extract-text-webpack-plugin在Webpack 4及以上版本已经被官方废弃，它经常会导致CSS提取失败、生成空文件的问题。建议替换为官方推荐的mini-css-extract-plugin：

操作步骤： #

• 先卸载旧插件：

  npm uninstall extract-text-webpack-plugin
  

• 安装新的CSS提取插件：

  npm install mini-css-extract-plugin --save-dev
  

• 修改你的webpack.config.vendor.js配置：
  替换插件导入和实例化部分：

  // 替换原来的ExtractTextPlugin导入
  const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  
  // 替换extractCSS的创建方式
  const extractCSS = new MiniCssExtractPlugin({ filename: 'vendor.css' });
  

  然后修改CSS加载规则：

  {
    test: /\.css(\?|$)/,
    use: [
      MiniCssExtractPlugin.loader, // 替换extractCSS.extract
      isDevBuild ? 'css-loader' : 'css-loader?minimize'
    ]
  }
  

2. 确认依赖包是否完整安装 #

虽然你的build脚本包含了npm install，但有时候某些依赖可能没有正确安装。执行以下命令检查vendor入口里的包是否都存在：

npm ls bootstrap jquery react react-dom react-router-dom event-source-polyfill isomorphic-fetch

如果有缺失的包，手动安装它们：

npm install bootstrap jquery react react-dom react-router-dom event-source-polyfill isomorphic-fetch --save

3. 清理缓存并重新构建 #

Webpack有时候会留下缓存文件导致构建异常，执行以下步骤：

• 删除项目根目录下的node_modules/.cache文件夹（如果存在）
• 再次手动删除wwwroot/dist目录
• 运行构建命令：

  npm run build
  

如果你的Webpack版本是5及以上，可以直接添加--clean参数让Webpack自动清理输出目录：

webpack --config webpack.config.vendor.js --clean

4. 验证输出路径的正确性 #

检查output.path配置的path.join(__dirname, 'wwwroot', 'dist')是否符合你的项目结构：

• 确认项目根目录下存在wwwroot文件夹，如果没有，手动创建它
• 如果你的静态资源目录不是wwwroot，修改路径为你实际的目录（比如public/dist）

额外排查点 #

如果你使用的是Webpack 3及以下版本，extract-text-webpack-plugin是可以使用的，但要确保安装对应版本：

npm install extract-text-webpack-plugin@3.x --save-dev

同时检查构建时的终端输出，有没有任何报错信息（比如模块找不到、插件错误），这些信息往往能直接定位问题。

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