webdiscus/pug-loader

(config) => { // load the pug-loader before the vue-loader config.module .rule('pug') .test(/\.pug$/) .use('@webdiscus/pug-loader') .loader('@webdiscus/pug-loader') .options(pugLoaderOptions) .end() .end(); }, }); ``` > **Note:** > > The `vue-loader` has a priority before the `pug-loader` and the `pug-loader` will be used only if the `vue-loader` can't process the file. Usage in Vue SFC: ```vue <template lang="pug"> .wrapper h1 Hello World </template> ``` See the complete [source](https://github.com/webdiscus/pug-loader/tree/master/examples/vue-component/) of the example. --- <a id="recipes" name="recipes" href="#recipes"></a> ## Recipes - [Using with Pug filters](https://github.com/webdiscus/pug-loader/tree/master/examples/pug-filters) - [Using with Angular](https://github.com/webdiscus/pug-loader/tree/master/examples/angular-component/) - [Using with Vue](https://github.com/webdiscus/pug