modulor-html loader for webpack
turns
<span>${scope.value}</span>into
const { html, stopNode, render } = require('@modulor-js/html'); module.exports = (scope, $container) => html` <span>${scope.value}</span> `.render($container); `webpack.config.js
module.exports = { module: { rules: [ { test: /\.modulor.html?$/, //can be any extension here use: [ { loader: 'babel-loader' }, { loader: '@modulor-js/html-loader' }, ] }, ... ], }, ... };create file transformer:
const modulorHtmlLoader = require('@modulor-js/html-loader'); module.exports = { process(src, filename, config, options){ return modulorHtmlLoader.call({ query: { variable: 'scope' } }, src); } };then use it in jest config
//in package.json ... jest: { ... "transform": { "^.+\\.modulor.html$": "<rootDir>/path/to/your/transformer.js", }, ... } ...variable: scope variable name (default scope)