Visual Studio 代码 - tasks.json - 如何执行带有参数的扩展？

Question

在 Windows 上使用 Visual Studio 代码，系统详细信息如下：

Version: 1.63.0 (system setup)
Commit: 7db1a2b88f7557e0a43fec75b6ba7e50b3e9f77e
Date: 2021-12-07T06:26:56.179Z
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Windows_NT x64 10.0.19044

我对根据文档设置和使用任务非常绿色：Integrate with External Tools via Tasks

我已设法设置多个任务，将 Typescript 转换为 Javascript，然后将 Javascript 文件（使用 powershell）复制到另一个目录。我还需要一个任务来缩小 Javascript——这就是我卡住的地方。

我已经安装了“Minify”扩展——但是如何执行扩展并使用 tasks.json 传递要缩小的文件？例如：

  {
     "label": "Minify Javascript",
     "command": "command:extensions.Minify",
     "args": [ "File", "${cwd}\somefile.js"]
   },

以上内容仅供说明之用——我正在寻找的是执行 Minify 扩展并向该扩展传递所需参数所需的语法。

如果有人有在 tasks.json 中使用扩展的示例 - 请 post 您的示例，因为我似乎无法在“官方”文档中找到任何内容。

Answer 1

使用 shell 任务将一些文本回显到终端，但参数之一是 ${input} 变量

  "tasks": [
    {
      "label": "Minify Javascript",
      "type": "shell",
      "command": "echo Minify ${input:minify}"
    }
  ],
  "inputs": [
    {
      "id": "minify",
      "type": "command",
      "command": "command:extensions.Minify",
      "args": [ "File", "${cwd}\somefile.js"]
    }
  ]

${input} 字符串不支持变量，AFAIK（也许在以后的 VSC 中支持）。许多扩展通过自己实现功能来支持变量。

编辑

原来命令 es6-css-minify.minify 不使用命令参数，它处理当前编辑器，解决方法是使用命令加载所需文件并运行缩小。

要使其在任务中起作用，您需要 2 个扩展：multi-command and HTML Related Links

  "tasks": [
    {
      "label": "Minify Javascript",
      "type": "shell",
      "command": "echo Minify ${input:minify}"
    }
  ],
  "inputs": [
    {
      "id": "minify",
      "type": "command",
      "command": "extension.multiCommand.execute",
      "args": {
         "interval": 500,
         "sequence": [
           {
              "command": "htmlRelatedLinks.openFile",
              "args": {
                 "file": "${workspaceFolder}/somefile.js"
              }
           },
           "es6-css-minify.minify"
         ]
      }
    }
  ]

Answer 2

感谢@rioV8 抽出宝贵时间。我相信您的回答会奏效，但是一想到要为运行一个扩展安装两个额外的扩展，我就觉得不对，所以我选择了一个更简单的解决方案，如下所示：

由于 Minify 使用 terser，我安装了 terser 用作命令行应用程序：，即：

npm install terser -g

然后我修改了我的tasks.json文件，如下：

{
   "version": "2.0.0",
   "tasks": [
      {
         "label": "task 1",
         ...
      },      
      {
         "label": "task 2",
         "command": "powershell",
         "args": [
            "-File", "${cwd}/minify_all.ps1"  
         ],
         "presentation": {
            "echo": true,
            "reveal": "always",
            "focus": true,
            "panel": "shared",
            "showReuseMessage": false,
            "clear": false
         }
      },
      {
         "label": "task 3",
         ...
      },
      {
         "label": "Build All",
         "type": "shell",
         "command": "Echo 'Build complete'",
         "dependsOrder": "sequence",
         "dependsOn": [
              "task 1",
              "task 2",
              "task 3"
         ],
         "presentation": {
            "echo": true,
            "reveal": "always",
            "focus": true,
            "panel": "shared",
            "showReuseMessage": false,
            "clear": false
         }
      }
   ]
}

“任务 2”中使用的 powershell 脚本 minify_all.ps1 调用 terser 来缩小文件，即：

#
# Minify all files ...
#

Write-Output ""
Write-Output "Minify some_file.js ..."

$in_file = "./test/js/some_file.js"

$out_file = "./test/js/some_file.min.js"

& terser $in_file --timings --output $out_file

$file_size = (Get-Item $in_file).length

Write-Output "- $in_file, size: $file_size"

$file_size = (Get-Item $out_file).length

Write-Output "- $out_file, size: $file_size"

Visual Studio 代码 - tasks.json - 如何执行带有参数的扩展？

Visual Studio Code - tasks.json - how to execute an extension with arguments?

build

visual-studio-code