Usage with Visual Studio

Usage with Visual Studio

It is a simple task to integrate Visual Studio with Webpack, all you need to do is use the external tool feature.

You can add an external tool to the Tools menu.

1. Open the External Tools dialog box and click Add.
2. Title: field use Web Pack
3. Command: path to webpack webpack.cmd - Assuming webpack was installed globally with npm. C:\Users{{username}}\AppData\Roaming\npm\webpack.cmd
4. Arguments: -w
5. Check Use Output window

Now add to your toolbar

1. On the menu bar, right click and select “Customize …”.
2. Click on the “Commands” tab and click on ToolBar radio button to select the newly created external tool.
3. Select Standard and click on “Add Command …” button.
4. On the left lit item, select “Tools” and than select the “External Command x” item where X is the index of your tool that appears in the “Tool” menu (starting index => 1). In my example “External Command 6”.
5. Click “Ok” and then “Close”.