added vscode extensions
This commit is contained in:
parent
7cde0829be
commit
26e2a50441
316 changed files with 37301 additions and 0 deletions
67
.vscode/extensions/wix.vscode-import-cost-2.15.0/README.md
vendored
Normal file
67
.vscode/extensions/wix.vscode-import-cost-2.15.0/README.md
vendored
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
# Import Cost VSCode Extension [](https://travis-ci.org/wix/import-cost) [](https://ci.appveyor.com/project/shahata/import-cost)
|
||||
[](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) [](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
|
||||
|
||||
This extension will display inline in the editor the size of the imported package.
|
||||
The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.
|
||||

|
||||
|
||||
## 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
|
||||
I 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:
|
||||
|
||||
```javascript
|
||||
// Upper size limit, in KB, that will count a package as a small package
|
||||
"importCost.smallPackageSize": 50,
|
||||
|
||||
// Upper size limit, in KB, that will count a package as a medium package
|
||||
"importCost.mediumPackageSize": 100,
|
||||
|
||||
// Decoration color for small packages
|
||||
"importCost.smallPackageColor": "#7cc36e",
|
||||
|
||||
// Decoration color for medium packages
|
||||
"importCost.mediumPackageColor": "#7cc36e",
|
||||
|
||||
// Decoration color for large packages
|
||||
"importCost.largePackageColor": "#d44e40",
|
||||
|
||||
// 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
|
||||
```
|
||||
Any package size above the mediumPackageSize limit will be considered large.
|
||||
|
||||
|
||||
## Known Issues
|
||||
- Importing two libraries with a common dependency will show the size of both libraries isolated from each other, even if the common library needs to be imported only once.
|
||||
Loading…
Add table
Add a link
Reference in a new issue