pib VS terser

I'd say don't give anyone bad ideas, but we are too late:

https://github.com/oraoto/pib

People are weird though - so it IS also technically possible now to compile php to wasm if you really want to write some frontend code in php e.g. https://github.com/oraoto/pib - I'm not sure if that's a joke, intellectual exercise just for fun, or mad php people are really doing that for reals, I'd never use it in reality of course.

Here's an issue i opened a few weeks ago in their repository asking for help but unfortunately nobody replied yet: https://github.com/oraoto/pib/issues/65

Well, it depends on the extensions you're using. Since vscode.dev only runs locally in your browser, all extensions are limited to declarative things like snippets, themes etc. or else they have to use JavaScript or WebAssembly to run. Many extensions (I assume the ones for PHP as well) require platform-native executables, and as such can't currently run the browser. Interestingly, I found this from a quick internet search, but I don't know if any VSCode extension is making use of it yet.

Maybe something like this, then? https://github.com/oraoto/pib

These projects use Caddy as my local development server, Dart Sass for converting my Sass files to CSS, elm, elm-format, elm-optimize-level-2, elm-review, elm-test (only in Calculator), ShellCheck to find bugs in my shell scripts, and Terser to mangle and compress JavaScript code.

During my intial search i came across some outdated libraries like javascript-obfuscator and uglify-js(as if javascript code can get any uglier, am I right?). Then, I stumbled upon Terser, a modern library that supports ES6.

Example: You've got a main.js file that's as long as a Tolstoy novel. Fix: Use tools like UglifyJS or Terser to minify your code. They'll squeeze out all the unnecessary bits and give you a sleeker, faster-loading file.

They can do it, it is just turned off by default and require more advanced configuration.

https://github.com/terser/terser#cli-mangling-property-names...

Minifying is a common practice for optimizing production code. (for example, using Terser to minify and mangle JavaScript).

Minification: UglifyJS, Terser

Terser is JavaScript compressor that can minified specific method names.

Every release build of React Native uses terser to reduce the size of your JavaScript. And it operation can be omitted for Staging/Beta builds.

A minifier makes your code more compact so that it loads faster. Popular minifiers: Terser, swc.

There are many minifiers such as terser and uglify. But, because minifying also require to parse the JS, it is actually possible to use esbuild and SWC to minify the code. Here's a benchmark of the main minifiers.