Writing your own webpack loader
Dated:
This article has been posted under the following categories: blog, tech-demo, webpack, loader and from-scratch
Webpack looks like a quite intimidating system, but having played around with them, they are very simple. In this article we will be creating our own loader from scratch and adding them to our webpack configuration.
Basics of a loader
The core concept is a loader is basically a function that maps input to output. Loaders have the requirement is being written in the commonjs format, meaning you work with module.exports
and require
. An basic example:
module.exports = function stringReplacingLoader(input) {
return input.replace("World", "Earth");
}