Custom Loader & Plugin Lab

Loaders and plugins are just functions you can write yourself. Run a tiny custom loader on real input, then see the skeleton of a custom plugin tapping a hook.

A loader is function(source) { return transformed; }. This one strips comments and can uppercase a banner. Edit the input and toggle options.

remove // comments prepend a banner uppercase string literals

source (input to the loader)

loader output

the loader source

A plugin is a class with apply(compiler) that taps a hook. Pick a hook to see a working skeleton.

tap which hook?

done (build finished) emit (add an asset) compile (build starts)