sass-loader Loads and compiles a SASS/SCSS file.less-loader Loads and compiles a LESS file.css-loader Loads CSS file with resolved imports and returns CSS code.style-loader Add exports of a module as style to DOM.

remark-loader Load markdown through remark with built-in image resolution.

twig-loader Compiles Twig templates and returns a function.

It’s useful when applying icon font or applying CSS animation to SVG.

markup-inline-loader Inline SVG/MathML files to HTML.

handlebars-loader Compiles Handlebars to HTML.

posthtml-loader Loads and transforms a HTML file using PostHTML.

react-markdown-loader Compiles Markdown to a React Component using the markdown-parse parser.markdown-loader Compiles Markdown to HTML.pug-loader Loads Pug and Jade templates and returns a function.html-loader Exports HTML as string, require references to static resources.elm-webpack-loader Loads Elm like JavaScript.fengari-loader Loads Lua code using fengari.coffee-loader Loads CoffeeScript like JavaScript.ts-loader Loads TypeScript 2.0+ like JavaScript.traceur-loader Loads ES2015+ code and transpiles to ES5 using Traceur.

buble-loader Loads ES2015+ code and transpiles to ES5 using Bublé.esbuild-loader Loads ES2015+ code and transpiles to ES6+ using esbuild.babel-loader Loads ES2015+ code and transpiles to ES5 using Babel.cson-loader Loads and transpiles a CSON file.ref-loader Create dependencies between any files manually.val-loader Executes code as module and consider exports as JS code.Loaders are activated by using loadername! prefixes in require() statements, or are automatically applied via regex from your webpack configuration – see configuration. You can easily write your own loaders using Node.js. This allows you to bundle any static resource way beyond JavaScript. Module.exports = (req || req).Webpack enables use of loaders to preprocess files. Rather, each file looks something like: var req = require('!!/node_modules/pug-loader/index.js!/index.pug') This correctly generates files for each pug template in my project, but the files do not contain html. My nfig: const path = require('path') Ĭonst src = path.resolve(_dirname, 'src') Ĭonst dist = path.resolve(_dirname, 'dist') The problem I'm having is in getting pug-loader to render html into the files. I'm trying to output individual html files from pug templates in my webpack project.

Pug template webpack