Skip to content
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

Build/debug improvements #1135

Merged
merged 3 commits into from
Mar 22, 2023
Merged

Build/debug improvements #1135

merged 3 commits into from
Mar 22, 2023

Conversation

sebjulliand
Copy link
Collaborator

Changes

  • Replaced ts-loader by esbuild-loader for faster build times (went from 3 seconds to 700 milliseconds here)
  • Run webpack-dev as the prelaunch task when starting debug for a more convenient debugging experience

Checklist

  • have tested my change
  • eslint is not complaining

@sebjulliand sebjulliand requested a review from worksofliam March 14, 2023 20:23
@chrjorgensen
Copy link
Collaborator

@sebjulliand Curious as I am I saw your change and wanted to try it out - but after running npm i and pressing F5 to test / debug, I get the following error:

billede

Am I doing something wrong?

@chrjorgensen
Copy link
Collaborator

I'm on Windows 64-bit and not on Mac - could that be the problem?

@sebjulliand
Copy link
Collaborator Author

Thanks for giving it a try @chrjorgensen !
Actually, I'm on Windows (10) 64 bits too and it works fine. I even started from scratch (using git clean -xdf to wipe everything).

Can you check what you have under the node_modules/@esbuild folder?
I have this here:
image

@chrjorgensen
Copy link
Collaborator

@sebjulliand Not sure what happened but now it works...? I did nothing except for checking out another PR, checkout master and checkout this PR and npm i - and now I got the win32-x64 version of esbuild.

@chrjorgensen
Copy link
Collaborator

This is incredibly fast now to start the extension debug!! Wow!

@sebjulliand
Copy link
Collaborator Author

This is incredibly fast now to start the extension debug!! Wow!

That's great, i'm glad it's working for you now! What I like with having the debug in watch mode is that you don't need to restart the debug after making modifications. Hitting ctrl+r in the debug window reloads it right away.

@worksofliam
Copy link
Contributor

This is no joke! It is incredibly fast. Here's the last issue I'm facing with this.

When I start to debug:

image

And this error appears in the tasks.json:

image

Any ideas?

Copy link
Contributor

@worksofliam worksofliam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Issue with tasks.json.

@sebjulliand
Copy link
Collaborator Author

sebjulliand commented Mar 19, 2023 via email

@worksofliam
Copy link
Contributor

@sebjulliand Looks like installing this extension fixed it for me:

image

Perhaps this PR should also add it to the .vscode/extensions.json file?

The watch tasks uses the ts-webpack-watch problem matcher.
The "amodio.tsl-problem-matcher" provides that problem matcher.
@sebjulliand
Copy link
Collaborator Author

Good point @worksofliam !
I guess that extension made its way to my VSCode somehow. I added it as you suggested.
Feel free to merge whenever you feel like it's OK.

@worksofliam worksofliam self-requested a review March 19, 2023 15:19
Copy link
Contributor

@worksofliam worksofliam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will merge after some other important PRs I think.

@worksofliam worksofliam merged commit 1dab695 into master Mar 22, 2023
@sebjulliand sebjulliand deleted the build/improvements branch March 23, 2023 08:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants