{hello}
')\n```\n\nYou can compile your tags also using the new `registerPreprocessor` and `registerPostprocessor` APIs for example:\n\n```js\nimport {\n compiler,\n registerPreprocessor,\n registerPostprocessor,\n} from '@riotjs/compiler'\nimport pug from 'pug'\nimport * as babel from '@babel/core'\n\n// process your tag template before it will be compiled\nregisterPreprocessor('template', 'pug', function (code, { options }) {\n const { file } = options\n console.log('your file path is:', file)\n\n return {\n code: pug.render(code),\n // no sourcemap here\n map: null,\n }\n})\n\n// your compiler output will pass from here\nregisterPostprocessor(function (code, { options }) {\n const { file } = options\n console.log('your file path is:', file)\n\n // notice that babel.transformSync returns {code, map}\n return babel.transformSync(code)\n})\n\nconst { code, map } = compile('{hello}
', {\n // specify the template preprocessor\n template: 'pug',\n})\n```\n\n## API\n\n### compile(string, options)\n\n#### @returns `{ code, map }` output that can be used by Riot.js\n\n- _string_: is your tag source code\n- _options_: the options should contain the `file` key identifying the source of the string to compile and\n the `template` preprocessor to use as string\n\nNote: specific preprocessors like the `css` or the `javascript` ones can be enabled simply specifying the `type` attribute\nin the tag source code for example\n\n```html\n