npm - 在 Visual Studio Code 中对键绑定(bind)运行 npm 命令

Question

我想使用 webpack 在保存时捆绑 js 文件。

这最好使用 webpack watch 来完成。但是无所谓...

下面的答案是我谷歌搜索的结果，我希望在某些时候对某人有用。

Answer 1

在 VSC 中保存时使用 npm 运行 webpack 捆绑 ...或您喜欢的任何其他 npm 命令，例如编译 typescript。

添加 .vscode/tasks.json到您的项目:

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "never",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "bundle",
            "args": ["run", "bundle"],
            "isBuildCommand": true,
            "showOutput": "never"
        }
    ]
}

编辑 keybindings.json (文件>首选项>键盘快捷键)。

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key" : "ctrl+s",
        "command" : "workbench.action.tasks.build"
    }
]

workbench.action.tasks.build是一个内置的 vsc 钩子(Hook)。见这里: https://code.visualstudio.com/docs/customization/keybindings#_tasks

该任务也可以通过 VSC 访问

Ctrl+P

输入 task + 空格

查看建议的任务或继续输入其名称