This repository was archived by the owner on Aug 8, 2019. It is now read-only.
- Notifications
You must be signed in to change notification settings - Fork128
Usage with Visual Studio
Ilya Pirozhenko edited this pageDec 25, 2015 ·6 revisions
For users of Visual Studio 2015, there's an extension available for Task Runner Explorerhere. For older versions of Visual Studio, it is a simple task to integrate Visual Studio with Webpack. All you need to do is use the external tool feature. After following the instructions below, you'll see a new command button on the ribbon within the IDE. Clicking the button will toggle Webpack's watch mode on and off. When turned on, a change to any bundle dependencies will trigger the Webpack build process. The output will appear within Visual Studio's Output window.
- Open the External Tools dialog box and click Add.
- Title: webpack
- Command: The path to the
webpack.cmd
file. Assuming Webpack was installed globally with npm, the path is:C:\Users\{{username}}\AppData\Roaming\npm\webpack.cmd
- Arguments:
-w
(can also specify otherCLI options, such as--display-modules
) - Check
Use Output window
- On the menu bar, right click and select
Customize...
. - Click on the
Commands
tab and click onToolBar
radio button to select the newly created external tool. - Select Standard and click on
Add Command ...
button. - On the left lit item, select
Tools
and than select theExternal Command X
item where X is the index of your tool that appears in theTools
menu (starting index => 1). In my exampleExternal Command 6
. - Click
Ok
and thenClose
.
webpack 👍