webpack

The new WebStorm 2018.1 Early Preview build (181.4096.12) is now available! Update: we've released a new build #181.4096.25 to fix a performance issue introduced in build #181.4096.12, published on March 7th, 2018. The IDE was consuming lots of CPU resources after running npm install or adding many new directories to the project. You can update via Toolbox App, or download the build here and

This week the new WebStorm 2017.3 EAP build (173.3188.31) brings improved code completion and documentation for JavaScript and DOM APIs, a new refactoring for JavaScript and TypeScript classes, and improvements in webpack support. You can update via Toolbox App, or download the build here and install it side by side with your stable WebStorm version. Download WebStorm 2017.3 EAP To learn mo

Today we’re announcing WebStorm 2017.2  🎉 This big summer update adds powerful Move symbol refactoring, supports new code style options for JavaScript and TypeScript, improves testing with Karma and Mocha, and much more! https://www.youtube.com/watch?v=XZTvUJqJvTY Here’s what you can do with the top new features in WebStorm 2017.2: Import code style from an ESLint configuratio

This week WebStorm 2017.2 EAP build (172.2827.22) brings lots of new features that we'd like you to try. Download the EAP build on this page or by using Toolbox App. A patch update from the last week EAP build is also available. Please share your feedback and report issues on our tracker. Thank you! Support for webpack enhanced module resolution This update brings a huge improvement in working

We're glad to announce that WebStorm 2017.1.1, the first bug-fix update for the recently released WebStorm 2017.1 is now available! It addresses the issues we found in the initial release and brings lots of great improvements. A patch update should be available promptly for the users of WebStorm 2017.1, 2016.3.6 or 2016.3.5. If you’re using an earlier version, give WebStorm 2017.1 and its new f

Angular CLI can help us bootstrap a new Angular app with a ready to use TypeScript and Webpack configuration. In this post we’ll see how to debug such apps in WebStorm. If you have never used JavaScript debugger in WebStorm before, we recommend watching this video first to learn how to get started. The same way you can debug Angular apps in IntelliJ IDEA, PhpStorm, PyCharm and RubyMine. We h

With Create React App you can quickly bootstrap a new React project. And you don’t have to configure anything to get the app running – it comes with the preconfigured dev environment that uses Webpack, Babel, ESLint and other tools. In this post, we’ll go through the steps required to debug such apps right in WebStorm (or IntelliJ IDEA, PhpStorm, PyCharm, or RubyMine). If you have never used JavaS

A fresh WebStorm 12 EAP build (144.3357) is now available for download! As always, you can download it here or, if you have a previous EAP build (144.3143) installed, you should soon get a notification in the IDE about a patch update. The highlights of this update include: SSH Console plugin is now bundled with WebStorm Initial support for debugging arrow function expressions in ECMASc

We recently explored coding assistance that WebStorm provides for React and JSX. Now we would like to talk a bit about the tools in the React ecosystem. In this area it’s not easy to provide a complete overview as tools are developing at a crazy pace. So right now we’ll focus on linters (code quality tools), refactoring and tools that can help us compile code. Code analysis As you may know, WebS

Join us Wednesday, December 2nd, 10:00 AM – 11:00 AM EDT (15:00 – 16:00 GMT) for our free live webinar Continuous Integration with JavaScript, featuring Wes Higbee. (more…)

Webpack is a module bundler. It allows you to build your modular application similarly to the way it is done with a combination of tools like Browserify and Gulp or Grunt. In this blog post we actually won’t dive into how to get started with Webpack, as lots of great tutorials are available in the Webpack documentation. Instead we’d like to focus on debugging applications built with Webpack in