如何使用 webpack 正确捆绑 vscode 扩展

Question

我遇到的问题是，当我运行时，vsce package我仍然收到This extension consists of 3587 separate files. For performance reasons, you should bundle your extension:警告，我按照捆绑扩展步骤进行操作，调试按预期工作。

包.json

{
  "main": "./out/extension",
  "scripts": {
    "vscode:prepublish": "webpack --mode production",
    "webpack": "webpack --mode development",
    "webpack-dev": "webpack --mode development --watch",
    "compile": "npm run webpack",
    "watch": "tsc -watch -p ./",
    "postinstall": "node ./node_modules/vscode/bin/install"
  },
}

webpack 配置是捆绑扩展示例的精确副本。

Answer 1

这听起来好像您可能忘记将源目录添加到.vscodeignore，因此它们仍然被打包到版本中。忽略文件可能至少应包含以下内容，以及运行时不需要的其他内容：

src/**
node_modules/**