klap vs microbundle?

[osdevisnot]

klap vs microbundle?

[osdevisnot]

I did a quick comparison between klap, microbundle and tsdx. Here are notable differences:

👼 Comparison with microbundle and tsdx

Feature	klap	microbundle	tsdx
Typescript Support	✅	✅	✅
No Dependencies	✅	❌	❌
Scaffolding	✅	❌	✅
Dev Server	✅	❌	❌
CSS	❌	✅	✅
CSS Modules	❌	✅	❌
Build Constants	❌	✅	✅
Testing/Linting	❌	❌	✅

We should probably start supporting build constants and some variation of CSS (maybe using postcss).

The testing/linting setup is not a primary goal for klap and we can skip it.

[tunnckoCore]

For me, personally

• cleaner and more organized codebase
• zero deps
• different set of default babel and rollup plugins
• microbundle supports Buble

[osdevisnot]

Let's add comparison section in readme. I'll keep this open in case someone gets there before me.

[osdevisnot]

@tunnckoCore it seems microbundle moved away from buble. Am I missing something?

[osdevisnot]

Build constants are essentially constant variables that are pre-defined. Similar to process.env.NODE_ENV, but more granular.

For example, you can define a constant called DEBUG = true and use DEBUG in your library code when developing, maybe like this:

if(DEBUG){
	console.log('this was never supposed to happen')
}

Then you just run the build for distribution with DEBUG = false and all your code within the if block get's removed.

Another use case is when you want to create multiple versions of your library with certain features on/off based on a defined build constant.

[tunnckoCore]

Exactly. TSDX does this. Dev expressions, node_env and etc, also uses the replace plugin, so.. probably possible to customize further.

[tunnckoCore]

Yup, true, they kind of moved to a hybrid approach as I remember.

Agree.

Build Constants

What do you mean with that? TSDX supports transforming such things, I think. :)