Question

我想使用webpack将js文件捆绑在一起保存。

使用webpack手表最好。但不管......

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

Answer 1

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

为您的项目添加.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（文件＆gt;偏好设置＆gt;键盘快捷键）。

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

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

也可以通过

在VSC中访问该任务

Ctrl+P
输入task +空格
查看建议的任务或继续输入其名称

Answer 2

keybindings.json

{
    "key": "ctrl+shift+alt+b",
    "command": "workbench.action.terminal.sendSequence",
    "args": {
        "text": "npm run test\u000D"
    },
},

在Visual Studio代码中的键绑定上运行npm命令

2 个答案: