Home

Awesome

Import Cost for WebStorm

This plugin displays the size of the imported JavaScript package right in the editor. It can be installed in WebStorm, IntelliJ IDEA Ultimate, PhpStorm, PyCharm Pro, and RubyMine v2017.2 and above.

This plugin uses the Import Cost module that uses webpack with babili-webpack-plugin to calculate the size of the imported module.

<img src="https://blog.jetbrains.com/webstorm/files/2017/08/import-cost.gif" width="500">

You can read about the original idea behind the Import Cost module in this blog post by Yair Haimovitch.

Installing the plugin

In the IDE open Preferences | Plugins and click Browse repositories.... Start typing Import Cost in the search bar to find the plugin, then click Install.

Or you can download it from the JetBrains Plugins Repository.

Contributing

Please report any issue with the plugin on GitHub. We welcome your pull requests.

The plugin contains a simple JavaScript service that communicates with the Import Cost JavaScript module. All the IDE API calls are written in Kotlin. Check out the IntelliJ Platform SDK Documentation to learn more about plugin development from IntelliJ Platform.