Rebuild all typescript files?

Hello everyone - just started using WebStorm 9.0.2 for web development instead of Visual Studio 2013 and like it so far.

I'm coding in typescript and keeps the build output (.js / .map) in a separate folder structure because basically they are build artifacts (don't want them in my project structure or in git).

The filewatcher for Webstorm works great for that - but only for changes. What kind of workflow do you have for cleaning / building all of your typescript -> js ? (and basically also .scss -> .css) ??

The only thing I can think of is having a gulpfile which does it for me - but then I have 2 buildsystems....

Feedback is more than welcome, thx.

Best regards
Carsten

2 comments
Comment actions Permalink

Hi there,

I'd say: definitely use gulp/grunt or alike for your final builds:

  • one command and all done
  • few different tasks can be performed under the hood in one go
  • can be run by other devs/users who do not use WebStorm
  • does not require IDE to make fresh build if necessary (i.e. can be used on production server over SSH)
  • final builds may have different requirements compared to dev time (e.g. compression/optimisation/obfuscation etc)


Simple speaking (IMO): consider File Watchers as your dev-time tool and gulp/grunt as your final/production build tool.


P.S.
If you need to manually re-run file watchers on all files (force rebuild) -- see http://stackoverflow.com/a/20012655/783119

0
Comment actions Permalink

Hi Andriy - thx. a bunch for input.

Best regards
Carsten

0

Please sign in to leave a comment.