Skip to main content

优化扩展性能

优化您的扩展以提高生产环境中的性能,减少加载时间。

合并多个扩展

合并共享代码或依赖项的多个扩展可以减少文件大小,加快安装速度,并减少应用启动时的加载时间。

单个扩展的 activate 函数可以调用多个注册函数来添加不同的功能:

export function activate(extensionContext: ExtensionContext) {
extensionContext.registerPanel({ name: "my-panel", initPanel: initCustomPanel });
extensionContext.registerPanel({ name: "my-other-panel", initPanel: initAnotherCustomPanel });
extensionContext.registerMessageConverter({
fromSchemaName: "...",
toSchemaName: "...",
converter: (inputMessage: MyInputType, messageEvent: MessageEvent<MyInputType>) => {
// ...
},
});
extensionContext.registerTopicAliases((args) => {
// ...
});
}

禁用源码映射

默认情况下,扩展会打包源码映射(source maps)以改善调试体验。但是,源码映射会占用额外的空间,并可能减慢扩展的安装和加载速度。

如果您的扩展变得越来越大,可以考虑通过添加一个名为 config.ts 的文件来禁用源码映射,文件内容如下:

module.exports = {
webpack: (config) => {
config.devtool = undefined; // 禁用源码映射以减少打包大小
return config;
},
};