Import Cost Fast — coc.nvim Extension

This extension will display inline in the editor the size of the imported package. The extension utilizes esbuild and SWC in order to detect the imported size.

Requirements

This is an extension for coc.nvim and requires that it be installed first.

Installation

Once you have coc.nvim installed, open Vim/Neovim, and execute:

:CocInstall coc-import-cost

You'll also need to enable the code lens feature in coc (:CocConfig):

"codeLens.enable": true

Features

Calculates the size of imports and requires. Currently supports:

• Default importing: import Func from 'utils';
• Entire content importing: import * as Utils from 'utils';
• Selective importing: import {Func} from 'utils';
• Selective importing with alias: import {orig as alias} from 'utils';
• Submodule importing: import Func from 'utils/Func';
• Require: const Func = require('utils').Func;
• Supports both Javascript and Typescript

Why & How

We detail the why and how in this blog post: https://medium.com/@yairhaimo/keep-your-bundle-size-under-control-with-import-cost-vscode-extension-5d476b3c5a76

Configuration

The following properties are configurable:

  // File extensions to be parsed by the Typescript parser
  "importCost.typescriptExtensions": [
    "\\.tsx?$"
  ],

  // File extensions to be parsed by the Javascript parser
  "importCost.javascriptExtensions": [
    "\\.jsx?$"
  ],

  // Which bundle size to display
  "importCost.bundleSizeDecoration": "both",

  // Display the 'calculating' decoration
  "importCost.showCalculatingDecoration": true,

  // Print debug messages in output channel
  "importCost.debug": false

Credits

Forked from wix/import-cost, thanks to the wix team!