Visual Code Run Build Task npm

Question

I'm using Visual Studio Code 1.13.0 on Windows 10.
I have the following build script in my package.json:

{
  //omitted other props
  "scripts": {
    "build": "webpack"
  }
}

I've installed webpack with npm install --global webpack, so it's installed globally.

The webpack.config.js is irrelevant for my question.

When I run npm run build in the terminal, everything works fine. But when I run the Visual Code Tasks: Run Build Task (ctrl+shift+b or ctrl+shift+p > Run Build Task), then I'm getting the following message in the output window:

'"npm run build"' is not recognized as an internal or external command, operable program or batch file.

Why? (using npm version: 3.10.10)

I didn't have tasks.json, somehow I thought this was not needed and built in into Visual Code and that the command would recognize the package.json. — QuantumHive
– QuantumHive, Commented Jun 14, 2017 at 7:30

Oleg M · Accepted Answer · 2017-06-13 07:08:32Z

5

+100

You should create tasks.json file and specify build task with npm task runner as described here ctrl+shift+p > Configure Task Runner. In your case task.json file should looks something like that

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

answered Jun 13, 2017 at 7:08

Oleg M

2654 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dan Bowling Over a year ago

The isShellCommand is now outdated. The "type": "npm" is the new format.

David Clarke · Accepted Answer · 2019-06-24 23:47:08Z

3

tasks.json can be used for running multiple different tasks. This is @oleg-m's answer updated for version 2 of tasks.json:

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type":"npm",
            "script": "build",
            "group": "build"
        }
    ]
}

answered Jun 24, 2019 at 23:47

David Clarke

13.4k9 gold badges92 silver badges121 bronze badges

Collectives™ on Stack Overflow

Visual Code Run Build Task npm

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related