Minified browser code in the packaged final app. #931
Conversation
- Also switched to minified `monaco` code, - Removed dead code from the packaged. Signed-off-by: Akos Kitta <kittaakos@gmail.com>
| @@ -227,8 +227,7 @@ ${fs.readFileSync(path('..', 'build', 'package.json')).toString()} | |||
| 'Installing dependencies' | |||
| ); | |||
| exec( | |||
| `yarn --network-timeout 1000000 --cwd ${path('..', 'build')} build${isElectronPublish ? ':publish' : '' | |||
| }`, | |||
| `yarn --network-timeout 1000000 --cwd ${path('..', 'build')} build`, | |||
There was a problem hiding this comment.
Nice one @kittaakos. Just one thing: wouldn't it be better if we'd set isElectronPublish to true here?
That way we could still use yarn build to package the app in development mode when we need it. Does that make sense to you?
There was a problem hiding this comment.
here?
Thanks for pointing out why it did not work 👍
package the app in development mode when we need it
Good point, but when do we need a packaged app for dev mode? I could not come up with a single use-case. I think isElectronPublish makes the packager logic confusing.
If we still want to support a packaged dev app, we need to figure out when and how to set isElectronPublish to true. Any proposals?
I also collected a pros-cons list if we decide always to minify the code:
Pros:
- Precisely the same will be released, which was built and verified previously,
- Consistency: simplifies the packaging logic,
- Can help with the (manual) performance measurements.
Cons:
- Bundle time would take an additional 20 sec due to
webpacktheproductionmode (I only guessed here and did not measure) compared to the overall ~20min package time, - We have to deal with minified stack traces on the FE (Note: source maps work, I could debug the bunded app with minified code, but please verify. Thanks)
What do you think?
There was a problem hiding this comment.
Ah, I thought source maps wouldn't work in production mode. In that case, I guess the pros outweigh the cons.
There was a problem hiding this comment.
source maps wouldn't work in production mode.
Please double check if you can also debug the TS code in the bundled app. Thanks!
There was a problem hiding this comment.
yup, everything seems to work for me. Thanks @kittaakos!
monacocode,Signed-off-by: Akos Kitta kittaakos@gmail.com
Motivation
To improve the IDE load time using the minified browser code + minified
monacocode.Change description
Other information
So this is a tiny improvement for the IDE load time, but I noticed, the bundled electron app does not contain minified code; it should.
Before the change load times:
After change load times:
Although you cannot notice significant app startup improvements 🤦 , the size of the loaded resources shows some improved numbers: it's down from
21.2 MBto9.4 MB.There are multiple ways to verify it.
cd /Applications/Arduino\ IDE.app/Contents/Resources/app/lib/on macOS). Manually investigate the/vs/editor/editor.main.jsfile content. You can see the originalmonacocode in the latest RC build. With the proposed changes, all JS/CSS files are minified.DevTools(withcmd+alt+ion macOS) > switch to theNetworktab, and reload the window.Reviewer checklist