使用Webpack编译VSCode扩展失败：此前正常编译达2年

针对你遇到的编译报错问题（推测报错中的wontache是Mustache模板模块的拼写错误，由升级后的依赖包引入），可以尝试以下几种解决方案：

1. 将Mustache加入Webpack externals配置 #

既然你的代码未直接使用Mustache，但依赖包需要调用它，可将其添加到Webpack的externals字段，让Webpack跳过该模块的打包，转而在运行时从Node环境中加载：
修改webpack.config.js中的externals部分：

externals: {
  vscode: "commonjs vscode",
  keytar: "commonjs keytar",
  mustache: "commonjs mustache" // 添加这一行
},

2. 定位依赖冲突并修复 #

先通过依赖树排查引入Mustache的具体包，以及是否存在版本冲突：

• npm用户执行：npm ls mustache
• yarn用户执行：yarn why mustache

根据结果可尝试：

• 升级对应依赖包到最新兼容版本
• 若存在版本冲突，在package.json中通过resolutions字段强制指定Mustache版本（yarn直接支持，npm需先安装npm-force-resolutions）：

"resolutions": {
  "mustache": "^4.2.0" // 替换为实际兼容的版本号
}

3. 调整Webpack模块解析规则 #

如果上述方法无效，可添加针对Mustache模块的解析规则，确保它能被正确处理：
在webpack.config.js的module.rules中新增规则：

{
  test: /\.js$/,
  include: /node_modules\/mustache/,
  use: ["babel-loader"] // 需提前安装babel-loader和@babel/core
}

4. 清理依赖缓存后重装 #

缓存异常也可能导致依赖加载问题，执行以下步骤重置依赖：

• 删除node_modules文件夹：rm -rf node_modules（Windows系统用rmdir /s /q node_modules）
• 删除锁文件：rm package-lock.json或rm yarn.lock
• 重新安装依赖：npm install或yarn install

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