Comments (10)
Wondering if this is the same issue:
When we create a custom config, --why
appears to be ignored.
from size-limit.
Yeap, we do not have good UI explain that we do not support --why
for custom configs.
Just use Webpack Bundle Analyzer manually.
from size-limit.
ok, then one question:
When I configure bundle analyzer manually, size-limit switches from reporting package as the gzipped value to the parsed sized value.
How can I get size-limit to report the gzipped value when using a custom Webpack Bundle Analyzer config?
from size-limit.
You need two configs. One you will use to build app and in Size Limit. The second will use Webpack Bundle Analyzer.
from size-limit.
The problem i am having is that size limit fails if my build include sass files. So I need a custom config for size limit. I believe I want to set...
[
{
config: "path/to/my/config/webpack.config.sizeLimit.js",
gzip: true
}
]
...but it is not honoring this value.
when I dont specify a config, the reported size in the console was the gzip size (around 45K)
when i specify a config, the reported size in the console switches to the parsed size around (around 550K)
I can see in bundle analyzer both have been computed (and are correct). I just want size-limit
to continue to report in the console the gzip size.
from size-limit.
I have a better option for you. If you have big webpck application it will be better to use webpack: false
and just call Size Limit after webpack built bundles:
https://github.com/ai/size-limit#usage-for-applications-and-big-libraries
from size-limit.
Is there any chance to support --why
on create-react-app?
from size-limit.
You can try manually add Webpack Bundle Analyzer to CRA
from size-limit.
Not really. You can't edit CRA config
from size-limit.
Sorry. Seems like CRA is not the best thing. It will help if we will force CRA to more to sharec (when it will be stabilized) to be able to change configs.
from size-limit.
Related Issues (20)
- doesn't invoke a custom webpack config function HOT 2
- An NX plugin support HOT 5
- save and compare previous size result HOT 1
- Possibility to use size-limit with nextjs apps HOT 1
- Should I ignore some file types?
- size-limit fails with rxjs imports
- Add customisation for improving performance culture HOT 6
- Loosen strictness of peer dependency requirement of `tslib` HOT 1
- Global installation with plugin support HOT 5
- React should be peer dependency HOT 7
- The comment might be misleading when size limit fails HOT 5
- Unable to run on windows 10 HOT 4
- Receive ERR_UNSUPPORTED_ESM_URL_SCHEME error on version 10 HOT 5
- Switch from GZIP to Brotli by default HOT 4
- plugins are `import`ed with `require.resolve` which will resolve `commonjs` entry for dual package HOT 4
- Allow customize error message HOT 1
- Inaccurate bundle size when using dynamic imports HOT 10
- Support `.size-limit.mjs` config file HOT 2
- Migrate codebase to TypeScript HOT 4
- Esbuild plugin produces incorrect numbers when CSS used HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from size-limit.