Idée vite jetée à propos des bundlers

README.md

Utilisation d'une fonction d'import propre au bundler

Aujourd'hui, webpack nous permet d'inclure un asset comme s'il s'agissait d'un fichier javascript :

import style from './style.css'

Mais les avantages de cette approches ne sont ils pas inférieurs aux inconvéniants ?

Une autre approche, plus explicite, serait d'utiliser une fonction :

  import bundle from 'bundle'
  const style = bundle('./style.css')

Celle si pourrait, même en l'absence de bundler, loader les fichiers d'assets.

Les cons

• importer le bundler dans chaque fichier qui importera des assets
• syntaxe moins naturelle (comparé à l'import standard)

Les pros

• fonctionne quel que soit l'environnement
• fonctionne même sans avoir été "bundlé"
• facilite le partage/publication du code (encore plus si l'on sépare loader et bundler)

Using an import function specific to the bundler

Nowadays, webpack allows us to include an asset as if it were a JavaScript file:

import style from './style.css'

With this approach, don't the disadvantages outweigh the benefits?

Another way to do it would be using a function:

  import bundle from 'bundle'
  const style = bundle('./style.css')

Even without any bundler, the assets could be loaded.

Cons

• import the bundler inside each file which will import assets
• less natural syntax (compared to standard import)

Pros

• works in any environment
• works even without being bundled
• makes code publication/sharing easier (even more if we separate loader and bundler)