-
Notifications
You must be signed in to change notification settings - Fork 792
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature/ui size improvements #634
Conversation
…oesn't seem to minimize the imports properly. Saves 80kb
Codecov Report
@@ Coverage Diff @@
## develop #634 +/- ##
===========================================
+ Coverage 56.73% 57.60% +0.86%
===========================================
Files 115 116 +1
Lines 3874 3892 +18
===========================================
+ Hits 2198 2242 +44
+ Misses 1676 1650 -26
Continue to review full report at Codecov.
|
…owsers. Webpack size is now 2.39MiB
Down to 2.39MiB |
Add font-display tag to ensure text is displayed while font is loaded
…tick it properly. :(
"es2015", | ||
"stage-0", | ||
"react" | ||
[ | ||
"@babel/preset-env", | ||
{ | ||
"useBuiltIns": "entry" | ||
} | ||
], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you tell me more about this change? preset-env by default parses into es2015 and what did stage-0 do ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
stage-0 and es2015 were what babelrc transpiled into. All modern browsers already support it so there's nothing to transpire.
babel/preset-env lets babel target using browserslist (see change in package.json), which I defined to all browsers in use (0.25% and up). So not es2015.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Debug output shows that currently this means the following results
Using targets:
{
"chrome": "49",
"edge": "18",
"firefox": "73",
"ie": "11",
"ios": "12",
"opera": "66",
"safari": "12.1",
"samsung": "10.1"
}
@ShayNehmad the build fails because I added react validation to eslint. |
@VakarisZ the two PTH icons are 1100x1100. Think it's ok to resize them or just to reformat them as 8bit colors rather than 32b, like the rest of the icons? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good job!
Why didn't you delete the old icons?
What is this?
Improves on #633 by reducing size.
Develop = 3.4MiB
Lodash optimization = 3.35MiB
forteawesome optimization = 3.26MiB