Запустить команду npm по привязке клавиш в Visual Studio Код

Question

Я хочу связать файлы js при сохранении с помощью webpack.

Это лучше всего использовать с помощью веб-часов. Но что угодно ...

В ответах ниже приведен результат моего поиска в Интернете, который, я надеюсь, будет полезен кому-то в какой-то момент.

Answer 1

Используйте npm для запуска пакета webpack для сохранения в VSC ... или любой другой команды 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 (Файл> Настройки> Сочетания клавиш).

// 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 с помощью

1. Ctrl+P
2. Тип task + пространство
3. посещайте задача предложил или продолжить ввод его имя