#parceljs — Public Fediverse posts

I know everyone's into Eleventy these days but I dislike it. It reminds me of WebPack; too configuration heavy.

I always liked #ParcelJS but they took too long getting to v2 and now nobody ever talks about it.

Are there any other #staticSiteGenerator tools I should checkout?

I mainly just want #HTML #templating, but I'd like to avoid template languages like Mustache and Liquid for PTSD reasons.

Bonus points if it I can use the same files in the browser.

#webDev #javaScript #build #ssg

I know everyone's into Eleventy these days but I dislike it. It reminds me of WebPack; too configuration heavy.

I always liked #ParcelJS but they took too long getting to v2 and now nobody ever talks about it.

Are there any other #staticSiteGenerator tools I should checkout?

I mainly just want #HTML #templating, but I'd like to avoid template languages like Mustache and Liquid for PTSD reasons.

Bonus points if it I can use the same files in the browser.

#webDev #javaScript #build #ssg

Parcel v2.12.0: macros, new online REPL and more
@devongovett
https://parceljs.org/blog/v2-12-0/

#ECMAScript #JavaScript #ParcelJS

Parcel v2.12.0: macros, new online REPL and more
@devongovett
https://parceljs.org/blog/v2-12-0/

#ECMAScript #JavaScript #ParcelJS

29: #parceljs - "A web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration."

29: #parceljs - "A web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration."

I'm thinking https://parceljs.org/ and https://surge.sh

#parcel #parcelJS #javaScript #frontend #bundler #indieweb

I'm thinking https://parceljs.org/ and https://surge.sh

#parcel #parcelJS #javaScript #frontend #bundler #indieweb

What are some tools that can take a plain vanilla ES Module web app and optimize it (f.e. read the importmap, download scripts from CDNs, minify everything into an HTML file with minified and bundled JS file)?

#ParcelJS comes to mind (does it do that?) Anything else?

What are some tools that can take a plain vanilla ES Module web app and optimize it (f.e. read the importmap, download scripts from CDNs, minify everything into an HTML file with minified and bundled JS file)?

#ParcelJS comes to mind (does it do that?) Anything else?

Parcel v2.10.0
@devongovett
https://github.com/parcel-bundler/parcel/releases/tag/v2.10.0

#ECMAScript #JavaScript #ParcelJS

Parcel v2.10.0
@devongovett
https://github.com/parcel-bundler/parcel/releases/tag/v2.10.0

#ECMAScript #JavaScript #ParcelJS

The best experience I've had so far is #ParcelJS, it just works https://parceljs.org/languages/javascript/#service-workers

#webDev #javaScript #bundler

The best experience I've had so far is #ParcelJS, it just works https://parceljs.org/languages/javascript/#service-workers

#webDev #javaScript #bundler

Parcel v2.9.0: package exports, ESM-based plugins and configs, incremental symbol propagation and more
https://parceljs.org/blog/v2-9-0/
#ES_Next_News #ECMAScript #JavaScript #ParcelJS

Parcel v2.9.0: package exports, ESM-based plugins and configs, incremental symbol propagation and more
https://parceljs.org/blog/v2-9-0/
#ES_Next_News #ECMAScript #JavaScript #ParcelJS

I now have 2 #JavaScript projects in which the scope hoisting https://parceljs.org/features/scope-hoisting/ feature of #ParcelJS is removing most of my own code and some imports from the production bundle.
The dev build via „watch“ is always working fine.

I now disable the feature every time I run into this issue…
Tree shaking seems to work still but this affects performance maybe a tiny bit.

Here is also the related issue https://github.com/parcel-bundler/parcel/issues/8792

#WebDev

I now have 2 #JavaScript projects in which the scope hoisting https://parceljs.org/features/scope-hoisting/ feature of #ParcelJS is removing most of my own code and some imports from the production bundle.
The dev build via „watch“ is always working fine.

I now disable the feature every time I run into this issue…
Tree shaking seems to work still but this affects performance maybe a tiny bit.

Here is also the related issue https://github.com/parcel-bundler/parcel/issues/8792

#WebDev

@actsukrit I also like #parcel #parceljs when I'm not feeling like using a full on framework. It's very simple to start with and just takes plain old HTML, JS, MD etc and packages it up into nice pre-processed, bundled, and minified static files.

@actsukrit I also like #parcel #parceljs when I'm not feeling like using a full on framework. It's very simple to start with and just takes plain old HTML, JS, MD etc and packages it up into nice pre-processed, bundled, and minified static files.

For that, I extracted the respective code into separate files for the two targets (which conform to a common interface) and use #ParcelJS's aliasing feature (https://parceljs.org/features/dependency-resolution/#file-aliases) which allows me to replace those website-specific files with overrides in the build.

The two screenshots demonstrate this for accessing templates: On the web (1st image), we use `fetch()` to request the image from the server. In the package (2nd image), we instead return it from the bundled templates object. 6/9

I also needed to deal with the SCSS, which #ParcelJS can luckily also build. @zner0L had to update his iconfont plugin with support for #PostCSS 8 (https://github.com/zner0L/postcss-fonticons/releases/tag/2.0.0).

I ran into some unfortunate incompatibilities between libsass (which #Hugo uses) and dart-sass (which #ParcelJS uses), which cause a lot of annoying deprecation warnings in the build output (see https://github.com/datenanfragen/website/pull/902#issue-1269637575). *shrug* 4/9

I started by init-ing a new NPM package in a subfolder, using #ParcelJS (https://parceljs.org/) for the build system (which, amazingly enough, is genuinely pretty much zero-config! <3).

In the entrypoint for that build, I simply re-export the components I want to expose through the package from the existing code. 2/9