Custom Webpack Loaders: Parsing Custom File Types in React
Writing simple transformation loaders to import raw file contents directly into TypeScript components.
Default loaders only process JS and CSS. Writing a custom Webpack loader lets us parse custom file structures like markdown into structured JS objects.
This post walks through loader signatures, utilizing AST utilities to convert content, and registering configurations inside Next.js compilers.