Hello "+f(typeof(u=null!=(u=p(n,"name")||(null!=e?p(e,"name"):e))?u:l)===c?u.call(s,{name:"name",hash:{},data:i,loc:{start:{line:1,column:10},end:{line:1,column:20}}}):u)+'!
\nGlobal data: title = "'+f(typeof(u=null!=(u=p(n,"title")||(null!=e?p(e,"title"):e))?u:l)===c?u.call(s,{name:"title",hash:{},data:i,loc:{start:{line:2,column:27},end:{line:2,column:38}}}):u)+'"
\nQuery param: lang = "'+f(typeof(u=null!=(u=p(n,"lang")||(null!=e?p(e,"lang"):e))?u:l)===c?u.call(s,{name:"lang",hash:{},data:i,loc:{start:{line:3,column:26},end:{line:3,column:36}}}):u)+'"
\n\n- \n'+(null!=(a=p(n,"each").call(s,null!=e?p(e,"people"):e,{name:"each",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i,loc:{start:{line:6,column:4},end:{line:8,column:13}}}))?a:"")+'
Hello "+f(typeof(u=null!=(u=p(n,"name")||(null!=e?p(e,"name"):e))?u:l)===c?u.call(s,{name:"name",hash:{},data:i,loc:{start:{line:1,column:10},end:{line:1,column:20}}}):u)+'!
\nGlobal data: title = "'+f(typeof(u=null!=(u=p(n,"title")||(null!=e?p(e,"title"):e))?u:l)===c?u.call(s,{name:"title",hash:{},data:i,loc:{start:{line:2,column:27},end:{line:2,column:38}}}):u)+'"
\nQuery param: lang = "'+f(typeof(u=null!=(u=p(n,"lang")||(null!=e?p(e,"lang"):e))?u:l)===c?u.call(s,{name:"lang",hash:{},data:i,loc:{start:{line:3,column:26},end:{line:3,column:36}}}):u)+'"
\n\n- \n'+(null!=(a=p(n,"each").call(s,null!=e?p(e,"people"):e,{name:"each",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i,loc:{start:{line:6,column:4},end:{line:8,column:13}}}))?a:"")+'
\n +')
\n
',__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},892:(module,__unused_webpack_exports,__webpack_require__)=>{var{Eta}=__webpack_require__(591),eta=new Eta({}),data={component:{title:"My component"},name:"ES Module"},etaFn=function(it){let include=(e,t)=>this.render(e,t,options),includeAsync=(e,t)=>this.renderAsync(e,t,options),__eta={res:"",e:this.config.escapeFunction,f:this.config.filterFunction};function layout(e,t){__eta.layout=e,__eta.layoutData=t}with(it||{})__eta.res+='Common JS
\n \x3c!-- variable passed via loader `data` option --\x3e\n',__eta.res+=__eta.e(component.title),__eta.res+="
\n \x3c!-- variable passed via template query parameter in JS --\x3e\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\n \n \n
',__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},795:(e,t,n)=>{const a=n(157);document.getElementById("app-cjs").innerHTML=a()},487:(e,t,n)=>{"use strict";e.exports=n.p+"img/stern.6adb226f.svg"},591:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;tES Module
\n \x3c!-- variable passed via loader `data` option --\x3e\n',__eta.res+=__eta.e(component.title),__eta.res+="
\n \x3c!-- variable passed via template query parameter in JS --\x3e\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\n \n \n
',__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},892:(module,__unused_webpack_exports,__webpack_require__)=>{var{Eta}=__webpack_require__(591),eta=new Eta({}),data={component:{title:"My component"},name:"ES Module"},etaFn=function(it){let include=(e,t)=>this.render(e,t,options),includeAsync=(e,t)=>this.renderAsync(e,t,options),__eta={res:"",e:this.config.escapeFunction,f:this.config.filterFunction};function layout(e,t){__eta.layout=e,__eta.layoutData=t}with(it||{})__eta.res+='Common JS
\n \x3c!-- variable passed via loader `data` option --\x3e\n',__eta.res+=__eta.e(component.title),__eta.res+="
\n \x3c!-- variable passed via template query parameter in JS --\x3e\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\n \n \n
',__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},795:(e,t,n)=>{const a=n(157);document.getElementById("app-cjs").innerHTML=a()},487:(e,t,n)=>{"use strict";e.exports=n.p+"img/stern.6adb226f.svg"},591:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;tES Module
\n \x3c!-- variable passed via loader `data` option --\x3e\n',__eta.res+=__eta.e(component.title),__eta.res+="
\n \x3c!-- variable passed via template query parameter in JS --\x3e\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\n Hello "),__append(escapeFn(name)),__append('!
\nGlobal data: title = "'),__append(escapeFn(title)),__append('"
\nQuery param: lang = "'),__append(escapeFn(lang)),__append('"
\nPeople:
\n- \n ');for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "'),__append(escapeFn(nested.name)),__append('"
\npassed global variable: title = "'),__append(escapeFn(title)),__append('"
\npassed query variable: lang = "'),__append(escapeFn(lang)),__append('"
\n\n'),__append("\n"),__append(__webpack_require__(684)({...locals}));return __output}var data={title:"My Title"},template=e=>anonymous(Object.assign(data,e));module.exports=template},684:(module,__unused_webpack_exports,__webpack_require__)=>{function anonymous(locals,escapeFn,include,rethrow){escapeFn=escapeFn||function(e){return null==e?"":String(e).replace(_MATCH_HTML,encode_char)};var _ENCODE_HTML_RULES={"&":"&","<":"<",">":">",'"':""","'":"'"},_MATCH_HTML=/[&<>'"]/g;function encode_char(e){return _ENCODE_HTML_RULES[e]||e}var __output="";function __append(e){null!=e&&(__output+=e)}with(locals||{})__append('++ Included image ++
\nHello "),__append(escapeFn(name)),__append('!
\nGlobal data: title = "'),__append(escapeFn(title)),__append('"
\nQuery param: lang = "'),__append(escapeFn(lang)),__append('"
\nPeople:
\n- \n ');for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "'),__append(escapeFn(nested.name)),__append('"
\npassed global variable: title = "'),__append(escapeFn(title)),__append('"
\npassed query variable: lang = "'),__append(escapeFn(lang)),__append('"
\n\n'),__append("\n"),__append(__webpack_require__(684)({...locals}));return __output}var data={title:"My Title"},template=e=>anonymous(Object.assign({},data,e));module.exports=template},684:(module,__unused_webpack_exports,__webpack_require__)=>{function anonymous(locals,escapeFn,include,rethrow){escapeFn=escapeFn||function(e){return null==e?"":String(e).replace(_MATCH_HTML,encode_char)};var _ENCODE_HTML_RULES={"&":"&","<":"<",">":">",'"':""","'":"'"},_MATCH_HTML=/[&<>'"]/g;function encode_char(e){return _ENCODE_HTML_RULES[e]||e}var __output="";function __append(e){null!=e&&(__output+=e)}with(locals||{})__append('++ Included image ++
\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\nGlobal data: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\nQuery param: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nPeople:
\n- \n ';for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "',__eta.res+=__eta.e(nested.name),__eta.res+='"
\npassed global variable: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\npassed query variable: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\nGlobal data: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\nQuery param: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nPeople:
\n- \n ';for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "',__eta.res+=__eta.e(nested.name),__eta.res+='"
\npassed global variable: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\npassed query variable: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nHello ",__eta.res+=__eta.e(name),__eta.res+="!
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},591:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;tHello ",__eta.res+=__eta.e(name),__eta.res+="!
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},591:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;tHello ",__eta.res+=__eta.e(name),__eta.res+='!
\nLocal data from JS: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\nQuery param: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nPeople:
\n- \n ';for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "',__eta.res+=__eta.e(nested.name),__eta.res+='"
\npassed global variable: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\npassed query variable: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nHello ",__eta.res+=__eta.e(name),__eta.res+='!
\nLocal data from JS: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\nQuery param: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nPeople:
\n- \n ';for(let i=0;i
++ Included partial ++
\npassed variable: nested.name = "',__eta.res+=__eta.e(nested.name),__eta.res+='"
\npassed global variable: title = "',__eta.res+=__eta.e(title),__eta.res+='"
\npassed query variable: lang = "',__eta.res+=__eta.e(lang),__eta.res+='"
\nHello "+e.escapeExpression("function"==typeof(l=null!=(l=i(r,"helloName")||(null!=t?i(t,"helloName"):t))?l:e.hooks.helperMissing)?l.call(null!=t?t:e.nullContext||{},{name:"helloName",hash:{},data:o,loc:{start:{line:1,column:10},end:{line:1,column:25}}}):l)+'!
\n\n\n\n'+(null!=(a=e.invokePartial(i(n,"contentContainer"),t,{name:"contentContainer",data:o,indent:" ",helpers:r,partials:n,decorators:e.decorators}))?a:"")+'
\n\n"},usePartial:!0,useData:!0};n.partials.layout=n.template(l);var i={compiler:[8,">= 4.3.0"],main:function(e,t,r,n,o){var a,l=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return e.escapeExpression("function"==typeof(a=null!=(a=l(r,"navText")||(null!=t?l(t,"navText"):t))?a:e.hooks.helperMissing)?a.call(null!=t?t:e.nullContext||{},{name:"navText",hash:{},data:o,loc:{start:{line:1,column:0},end:{line:1,column:11}}}):a)+': Home | People\n'},useData:!0};n.partials.nav=n.template(i);var s={compiler:[8,">= 4.3.0"],main:function(e,t,r,n,o){var a,l=null!=t?t:e.nullContext||{},i=e.hooks.helperMissing,s="function",u=e.escapeExpression,c=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return"Person: "+u(typeof(a=null!=(a=c(r,"name")||(null!=t?c(t,"name"):t))?a:i)===s?a.call(l,{name:"name",hash:{},data:o,loc:{start:{line:1,column:13},end:{line:1,column:21}}}):a)+", "+u(typeof(a=null!=(a=c(r,"age")||(null!=t?c(t,"age"):t))?a:i)===s?a.call(l,{name:"age",hash:{},data:o,loc:{start:{line:1,column:23},end:{line:1,column:30}}}):a)+"
\n"},useData:!0};n.partials.person=n.template(s);var u={compiler:[8,">= 4.3.0"],main:function(e,t,n,o,a){return'Resolve image in sub partial
\nHello "+e.escapeExpression("function"==typeof(l=i(r,"helloName")||e.strict(t,"helloName",{start:{line:1,column:13},end:{line:1,column:22}}))?l.call(null!=t?t:e.nullContext||{},{name:"helloName",hash:{},data:o,loc:{start:{line:1,column:10},end:{line:1,column:25}}}):l)+'!
\n\n\n\n'+(null!=(a=e.invokePartial(i(n,"contentContainer"),t,{name:"contentContainer",data:o,indent:" ",helpers:r,partials:n,decorators:e.decorators}))?a:"")+'
\n\n"},usePartial:!0,useData:!0};n.partials.layout=n.template(l);var i={compiler:[8,">= 4.3.0"],main:function(e,t,r,n,o){var a,l=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return e.escapeExpression("function"==typeof(a=l(r,"navText")||e.strict(t,"navText",{start:{line:1,column:2},end:{line:1,column:9}}))?a.call(null!=t?t:e.nullContext||{},{name:"navText",hash:{},data:o,loc:{start:{line:1,column:0},end:{line:1,column:11}}}):a)+': Home | People\n'},useData:!0};n.partials.nav=n.template(i);var s={compiler:[8,">= 4.3.0"],main:function(e,t,r,n,o){var a,l=e.strict,i=null!=t?t:e.nullContext||{},s="function",u=e.escapeExpression,c=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return"Person: "+u(typeof(a=c(r,"name")||l(t,"name",{start:{line:1,column:15},end:{line:1,column:19}}))===s?a.call(i,{name:"name",hash:{},data:o,loc:{start:{line:1,column:13},end:{line:1,column:21}}}):a)+", "+u(typeof(a=c(r,"age")||l(t,"age",{start:{line:1,column:25},end:{line:1,column:28}}))===s?a.call(i,{name:"age",hash:{},data:o,loc:{start:{line:1,column:23},end:{line:1,column:30}}}):a)+"
\n"},useData:!0};n.partials.person=n.template(s);var u={compiler:[8,">= 4.3.0"],main:function(e,t,n,o,a){return'Resolve image in sub partial
\nPerson: "+u(typeof(a=null!=(a=c(r,"firstName")||(null!=t?c(t,"firstName"):t))?a:i)===s?a.call(l,{name:"firstName",hash:{},data:o,loc:{start:{line:1,column:13},end:{line:1,column:26}}}):a)+" "+u(typeof(a=null!=(a=c(r,"lastName")||(null!=t?c(t,"lastName"):t))?a:i)===s?a.call(l,{name:"lastName",hash:{},data:o,loc:{start:{line:1,column:27},end:{line:1,column:39}}}):a)+", "+u(typeof(a=null!=(a=c(r,"age")||(null!=t?c(t,"age"):t))?a:i)===s?a.call(l,{name:"age",hash:{},data:o,loc:{start:{line:1,column:41},end:{line:1,column:48}}}):a)+"
\n"},useData:!0};n.partials.person=n.template(a);var l={1:function(e,t,r,n,o){return"A"},3:function(e,t,r,n,o){return"B"},compiler:[8,">= 4.3.0"],main:function(e,t,r,n,o){var a,l,i=null!=t?t:e.nullContext||{},s=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return""+e.escapeExpression("function"==typeof(l=null!=(l=s(r,"title")||(null!=t?s(t,"title"):t))?l:e.hooks.helperMissing)?l.call(i,{name:"title",hash:{},data:o,loc:{start:{line:2,column:4},end:{line:2,column:13}}}):l)+"
\n\n"+(null!=(a=e.invokePartial(s(n,"person"),t,{name:"person",data:o,helpers:r,partials:n,decorators:e.decorators}))?a:"")+"Driver license: "+(null!=(a=s(r,"if").call(i,null!=t?s(t,"driverLicenseA"):t,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.noop,data:o,loc:{start:{line:5,column:21},end:{line:5,column:51}}}))?a:"")+(null!=(a=s(r,"if").call(i,null!=t?s(t,"driverLicenseB"):t,{name:"if",hash:{},fn:e.program(3,o,0),inverse:e.noop,data:o,loc:{start:{line:5,column:51},end:{line:5,column:81}}}))?a:"")+"
\n"},usePartial:!0,useData:!0};e.exports=e=>(n.default||n).template(l)(Object.assign({},o,e))}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";var e=r(768),t=r.n(e);let n=t()({firstName:"Max",lastName:"Pain",age:21,driverLicenseA:!0,driverLicenseB:!0});n+=t()({firstName:"Walter",age:50,driverLicenseB:!0}),document.getElementById("main").innerHTML=n,console.log(">> app")})()})();
\ No newline at end of file
diff --git a/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/expected/index.html b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/expected/index.html
new file mode 100644
index 00000000..3e6a465b
--- /dev/null
+++ b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/expected/index.html
@@ -0,0 +1,11 @@
+
+
+
+ {{title}}
+ +{{> person}} +Driver license: {{#if driverLicenseA}}A{{/if}}{{#if driverLicenseB}}B{{/if}}
diff --git a/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/app.js b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/app.js
new file mode 100644
index 00000000..f4299c48
--- /dev/null
+++ b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/app.js
@@ -0,0 +1,25 @@
+import tmpl from './app.hbs';
+
+const locals1 = {
+ firstName: 'Max',
+ lastName: 'Pain',
+ age: 21,
+ driverLicenseA: true,
+ driverLicenseB: true,
+};
+
+// test the rendering with different variables set,
+// the variables from previous definition must not be cached
+const locals2 = {
+ firstName: 'Walter',
+ //lastName: 'White', // the value of undefined variable must not be used from previous definition
+ age: 50,
+ driverLicenseB: true,
+};
+
+let html = tmpl(locals1);
+html += tmpl(locals2);
+
+document.getElementById('main').innerHTML = html;
+
+console.log('>> app');
diff --git a/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/index.hbs b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/index.hbs
new file mode 100644
index 00000000..6c6538fb
--- /dev/null
+++ b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/src/index.hbs
@@ -0,0 +1,11 @@
+
+
+
+ Person: {{firstName}} {{lastName}}, {{age}}
diff --git a/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/webpack.config.js b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/webpack.config.js
new file mode 100644
index 00000000..ea5fa33e
--- /dev/null
+++ b/test/cases/_preprocessor/js-tmpl-hbs-compile-variables/webpack.config.js
@@ -0,0 +1,26 @@
+const path = require('path');
+const HtmlBundlerPlugin = require('@test/html-bundler-webpack-plugin');
+
+module.exports = {
+ mode: 'production',
+
+ output: {
+ path: path.join(__dirname, 'dist/'),
+ },
+
+ plugins: [
+ new HtmlBundlerPlugin({
+ entry: {
+ index: './src/index.hbs',
+ },
+ preprocessor: 'handlebars',
+ preprocessorOptions: {
+ //strict: true, // check whether the variable used in template is defined
+ partials: ['src/partials'],
+ },
+ data: {
+ title: 'My Title',
+ },
+ }),
+ ],
+};
diff --git a/test/cases/_preprocessor/js-tmpl-hbs-compile/expected/app.js b/test/cases/_preprocessor/js-tmpl-hbs-compile/expected/app.js
index 2a1927f4..353638c2 100644
--- a/test/cases/_preprocessor/js-tmpl-hbs-compile/expected/app.js
+++ b/test/cases/_preprocessor/js-tmpl-hbs-compile/expected/app.js
@@ -1 +1 @@
-(()=>{var e={916:(e,t,r)=>{"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}t.__esModule=!0;var a=o(r(768)),l=n(r(16)),i=n(r(564)),s=o(r(456)),u=o(r(433)),c=n(r(157));function p(){var e=new a.HandlebarsEnvironment;return s.extend(e,a),e.SafeString=l.default,e.Exception=i.default,e.Utils=s,e.escapeExpression=s.escapeExpression,e.VM=u,e.template=function(t){return u.template(t,e)},e}var d=p();d.create=p,c.default(d),d.default=d,t.default=d,e.exports=t.default},768:(e,t,r)=>{"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0,t.HandlebarsEnvironment=p;var o=r(456),a=n(r(564)),l=r(880),i=r(103),s=n(r(677)),u=r(352);t.VERSION="4.7.8",t.COMPILER_REVISION=8,t.LAST_COMPATIBLE_COMPILER_REVISION=7,t.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var c="[object Object]";function p(e,t,r){this.helpers=e||{},this.partials=t||{},this.decorators=r||{},l.registerDefaultHelpers(this),i.registerDefaultDecorators(this)}p.prototype={constructor:p,logger:s.default,log:s.default.log,registerHelper:function(e,t){if(o.toString.call(e)===c){if(t)throw new a.default("Arg not supported with multiple helpers");o.extend(this.helpers,e)}else this.helpers[e]=t},unregisterHelper:function(e){delete this.helpers[e]},registerPartial:function(e,t){if(o.toString.call(e)===c)o.extend(this.partials,e);else{if(void 0===t)throw new a.default('Attempting to register a partial called "'+e+'" as undefined');this.partials[e]=t}},unregisterPartial:function(e){delete this.partials[e]},registerDecorator:function(e,t){if(o.toString.call(e)===c){if(t)throw new a.default("Arg not supported with multiple decorators");o.extend(this.decorators,e)}else this.decorators[e]=t},unregisterDecorator:function(e){delete this.decorators[e]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var d=s.default.log;t.log=d,t.createFrame=o.createFrame,t.logger=s.default},103:(e,t,r)=>{"use strict";t.__esModule=!0,t.registerDefaultDecorators=function(e){o.default(e)};var n,o=(n=r(731))&&n.__esModule?n:{default:n}},731:(e,t,r)=>{"use strict";t.__esModule=!0;var n=r(456);t.default=function(e){e.registerDecorator("inline",(function(e,t,r,o){var a=e;return t.partials||(t.partials={},a=function(o,a){var l=r.partials;r.partials=n.extend({},l,t.partials);var i=e(o,a);return r.partials=l,i}),t.partials[o.args[0]]=o.fn,a}))},e.exports=t.default},564:(e,t)=>{"use strict";t.__esModule=!0;var r=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function n(e,t){var o=t&&t.loc,a=void 0,l=void 0,i=void 0,s=void 0;o&&(a=o.start.line,l=o.end.line,i=o.start.column,s=o.end.column,e+=" - "+a+":"+i);for(var u=Error.prototype.constructor.call(this,e),c=0;cHello "+p(typeof(i=null!=(i=d(n,"name")||(null!=t?d(t,"name"):t))?i:u)===c?i.call(s,{name:"name",hash:{},data:a,loc:{start:{line:1,column:10},end:{line:1,column:20}}}):i)+'!
\nGlobal data: title = "'+p(typeof(i=null!=(i=d(n,"title")||(null!=t?d(t,"title"):t))?i:u)===c?i.call(s,{name:"title",hash:{},data:a,loc:{start:{line:2,column:27},end:{line:2,column:38}}}):i)+'"
\nQuery param: lang = "'+p(typeof(i=null!=(i=d(n,"lang")||(null!=t?d(t,"lang"):t))?i:u)===c?i.call(s,{name:"lang",hash:{},data:a,loc:{start:{line:3,column:26},end:{line:3,column:36}}}):i)+'"
\n\n- \n'+(null!=(l=d(n,"each").call(s,null!=t?d(t,"people"):t,{name:"each",hash:{},fn:e.program(1,a,0),inverse:e.noop,data:a,loc:{start:{line:6,column:4},end:{line:8,column:13}}}))?l:"")+'
Hello "+p(typeof(i=null!=(i=d(n,"name")||(null!=t?d(t,"name"):t))?i:u)===c?i.call(s,{name:"name",hash:{},data:a,loc:{start:{line:1,column:10},end:{line:1,column:20}}}):i)+'!
\nGlobal data: title = "'+p(typeof(i=null!=(i=d(n,"title")||(null!=t?d(t,"title"):t))?i:u)===c?i.call(s,{name:"title",hash:{},data:a,loc:{start:{line:2,column:27},end:{line:2,column:38}}}):i)+'"
\nQuery param: lang = "'+p(typeof(i=null!=(i=d(n,"lang")||(null!=t?d(t,"lang"):t))?i:u)===c?i.call(s,{name:"lang",hash:{},data:a,loc:{start:{line:3,column:26},end:{line:3,column:36}}}):i)+'"
\n\n- \n'+(null!=(l=d(n,"each").call(s,null!=t?d(t,"people"):t,{name:"each",hash:{},fn:e.program(1,a,0),inverse:e.noop,data:a,loc:{start:{line:6,column:4},end:{line:8,column:13}}}))?l:"")+'
\n"))},e.random=function(t){return t[Math.floor(Math.random()*t.length)]},e.reject=c(!1),e.rejectattr=function(t,e){return t.filter((function(t){return!t[e]}))},e.select=c(!0),e.selectattr=function(t,e){return t.filter((function(t){return!!t[e]}))},e.replace=function(t,e,r,n){var i=t;if(e instanceof RegExp)return t.replace(e,r);void 0===n&&(n=-1);var s="";if("number"==typeof e)e=""+e;else if("string"!=typeof e)return t;if("number"==typeof t&&(t=""+t),"string"!=typeof t&&!(t instanceof o.SafeString))return t;if(""===e)return s=r+t.split("").join(r)+r,o.copySafeness(t,s);var u=t.indexOf(e);if(0===n||-1===u)return t;for(var a=0,c=0;u>-1&&(-1===n||c
",s+=o.suppressValue(t.getFilter("capitalize").call(e,o.contextOrFrameLookup(e,n,"footer")),t.opts.autoescape),i(null,s+='
\nHello ",u+=n.suppressValue(n.contextOrFrameLookup(e,r,"name"),t.opts.autoescape),u+='!
\nGlobal data: getTitle() = "',u+=n.suppressValue((i=1,s=49,n.callWrap(n.memberLookup(n.contextOrFrameLookup(e,r,"utils"),"getTitle"),'utils["getTitle"]',e,["ABCD"])),t.opts.autoescape),u+='"
\nQuery param: lang = "',u+=n.suppressValue(n.contextOrFrameLookup(e,r,"lang"),t.opts.autoescape),u+='"
\nPeople:
\n- \n ',r=r.push();var a=n.contextOrFrameLookup(e,r,"people");if(a)for(var c=(a=n.fromIterator(a)).length,l=0;l
++ Included partial ++
\n++ Included partial ++
\n++ Included partial ++
\n\n"))},e.random=function(t){return t[Math.floor(Math.random()*t.length)]},e.reject=c(!1),e.rejectattr=function(t,e){return t.filter((function(t){return!t[e]}))},e.select=c(!0),e.selectattr=function(t,e){return t.filter((function(t){return!!t[e]}))},e.replace=function(t,e,r,n){var i=t;if(e instanceof RegExp)return t.replace(e,r);void 0===n&&(n=-1);var s="";if("number"==typeof e)e=""+e;else if("string"!=typeof e)return t;if("number"==typeof t&&(t=""+t),"string"!=typeof t&&!(t instanceof o.SafeString))return t;if(""===e)return s=r+t.split("").join(r)+r,o.copySafeness(t,s);var u=t.indexOf(e);if(0===n||-1===u)return t;for(var a=0,c=0;u>-1&&(-1===n||c
",s+=o.suppressValue(t.getFilter("capitalize").call(e,o.contextOrFrameLookup(e,n,"footer")),t.opts.autoescape),i(null,s+='
\nHello ",u+=n.suppressValue(n.contextOrFrameLookup(e,r,"name"),t.opts.autoescape),u+='!
\nGlobal data: getTitle() = "',u+=n.suppressValue((i=1,s=49,n.callWrap(n.memberLookup(n.contextOrFrameLookup(e,r,"utils"),"getTitle"),'utils["getTitle"]',e,["ABCD"])),t.opts.autoescape),u+='"
\nQuery param: lang = "',u+=n.suppressValue(n.contextOrFrameLookup(e,r,"lang"),t.opts.autoescape),u+='"
\nPeople:
\n- \n ',r=r.push();var a=n.contextOrFrameLookup(e,r,"people");if(a)for(var c=(a=n.fromIterator(a)).length,l=0;l
++ Included partial ++
\n++ Included partial ++
\n++ Included partial ++
\nOutput image URL: ',__eta.res+=__eta.e(plumImage),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}))}return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},358:(e,t,n)=>{"use strict";e.exports=n.p+"apple.02a7c382.png"},414:(e,t,n)=>{"use strict";e.exports=n.p+"image.d4711676.webp"},932:(e,t,n)=>{"use strict";e.exports=n.p+"pear.6b9b072a.png"},546:(e,t,n)=>{"use strict";e.exports=n.p+"plum.d39e7174.png"},591:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tOutput image URL: ',__eta.res+=__eta.e(plumImage),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}))}return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},358:(e,t,n)=>{"use strict";e.exports=n.p+"apple.02a7c382.png"},414:(e,t,n)=>{"use strict";e.exports=n.p+"image.d4711676.webp"},932:(e,t,n)=>{"use strict";e.exports=n.p+"pear.6b9b072a.png"},546:(e,t,n)=>{"use strict";e.exports=n.p+"plum.d39e7174.png"},591:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t"+r;return t=e.filters.escape(t).replace(/\r\n/g,n).replace(/\r/g,n).replace(/\n/g,n),t=e.lib.replaceAll(t,r,"\n"),new e.Markup(t)}},number_format:function(e,t){var r=e,n=t&&t[0]?t[0]:void 0,i=t&&void 0!==t[1]?t[1]:".",o=t&&void 0!==t[2]?t[2]:",";r=String(r).replace(/[^0-9+\-Ee.]/g,"");var s=isFinite(Number(r))?Number(r):0,a=isFinite(Number(n))?Math.abs(n):0,p="";return p=(a?function(e,t){var r=Math.pow(10,t);return String(Math.round(e*r)/r)}(s,a):String(Math.round(s))).split("."),p[0].length>3&&(p[0]=p[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,o)),(p[1]||"").length
Header: ",position:{start:43,end:57}},{type:"output",position:{start:57,end:71},stack:[{type:"Twig.expression.type.variable",value:"headline",match:["headline"],position:{start:57,end:71}}]},{type:"raw",value:"
\n",position:{start:71,end:78}},{type:"raw",value:"\nLang: ",position:{start:146,end:158}},{type:"output",position:{start:158,end:168},stack:[{type:"Twig.expression.type.variable",value:"lang",match:["lang"],position:{start:158,end:168}}]},{type:"raw",value:"
\n",position:{start:168,end:168}}],allowInlineIncludes:!0,rethrow:!0,precompiled:!0});e.exports=e=>o.render(Object.assign(i,e))},175:(e,t,r)=>{r(860),r(197);var n=r(766),i={headline:"Breaking Bad",lang:"en"},o=n.twig({id:"src/views/partials/people.twig",data:[{type:"raw",value:"\n",position:{start:33,end:34}},{type:"logic",token:{type:"Twig.logic.type.include",only:!1,ignoreMissing:!1,stack:[{type:"Twig.expression.type.string",value:"src/views/partials/header.twig"}],position:{start:34,end:61}},position:{start:34,end:61}},{type:"raw",value:"\n",position:{start:62,end:63}},{type:"raw",value:'\n- \n ',position:{start:98,end:120}},{type:"logic",token:{type:"Twig.logic.type.for",keyVar:null,valueVar:"item",expression:[{type:"Twig.expression.type.variable",value:"people",match:["people"]}],position:{start:120,end:144},output:[{type:"raw",value:"
- ",position:{start:145,end:157}},{type:"output",position:{start:157,end:167},stack:[{type:"Twig.expression.type.variable",value:"item",match:["item"],position:{start:157,end:167}}]},{type:"raw",value:" \n ",position:{start:167,end:177}}]},position:{open:{start:120,end:144},close:{start:177,end:189}}},{type:"raw",value:"
++ Included partial ++
\n"+r;return t=e.filters.escape(t).replace(/\r\n/g,n).replace(/\r/g,n).replace(/\n/g,n),t=e.lib.replaceAll(t,r,"\n"),new e.Markup(t)}},number_format:function(e,t){var r=e,n=t&&t[0]?t[0]:void 0,i=t&&void 0!==t[1]?t[1]:".",o=t&&void 0!==t[2]?t[2]:",";r=String(r).replace(/[^0-9+\-Ee.]/g,"");var s=isFinite(Number(r))?Number(r):0,a=isFinite(Number(n))?Math.abs(n):0,p="";return p=(a?function(e,t){var r=Math.pow(10,t);return String(Math.round(e*r)/r)}(s,a):String(Math.round(s))).split("."),p[0].length>3&&(p[0]=p[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,o)),(p[1]||"").length
Header: ",position:{start:43,end:57}},{type:"output",position:{start:57,end:71},stack:[{type:"Twig.expression.type.variable",value:"headline",match:["headline"],position:{start:57,end:71}}]},{type:"raw",value:"
\n",position:{start:71,end:78}},{type:"raw",value:"\nLang: ",position:{start:146,end:158}},{type:"output",position:{start:158,end:168},stack:[{type:"Twig.expression.type.variable",value:"lang",match:["lang"],position:{start:158,end:168}}]},{type:"raw",value:"
\n",position:{start:168,end:168}}],allowInlineIncludes:!0,rethrow:!0,precompiled:!0});e.exports=e=>o.render(Object.assign({},i,e))},175:(e,t,r)=>{r(860),r(197);var n=r(766),i={headline:"Breaking Bad",lang:"en"},o=n.twig({id:"src/views/partials/people.twig",data:[{type:"raw",value:"\n",position:{start:33,end:34}},{type:"logic",token:{type:"Twig.logic.type.include",only:!1,ignoreMissing:!1,stack:[{type:"Twig.expression.type.string",value:"src/views/partials/header.twig"}],position:{start:34,end:61}},position:{start:34,end:61}},{type:"raw",value:"\n",position:{start:62,end:63}},{type:"raw",value:'\n- \n ',position:{start:98,end:120}},{type:"logic",token:{type:"Twig.logic.type.for",keyVar:null,valueVar:"item",expression:[{type:"Twig.expression.type.variable",value:"people",match:["people"]}],position:{start:120,end:144},output:[{type:"raw",value:"
- ",position:{start:145,end:157}},{type:"output",position:{start:157,end:167},stack:[{type:"Twig.expression.type.variable",value:"item",match:["item"],position:{start:157,end:167}}]},{type:"raw",value:" \n ",position:{start:167,end:177}}]},position:{open:{start:120,end:144},close:{start:177,end:189}}},{type:"raw",value:"
++ Included partial ++
\nTitle: "+t(null==(r=i.create("customized"))?"":r)+"
Param[a]: "+t(null==(r=e)?"":r)+"
Param[b]: "+t(null==(r=a)?"":r)+"
"}.call(this,"a"in i?i.a:"undefined"!=typeof a?a:void 0,"b"in i?i.b:"undefined"!=typeof b?b:void 0,"title"in i?i.title:"undefined"!=typeof title?title:void 0),n}(Object.assign(n,e))}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";var e=r(323),t=r.n(e);document.getElementById("root").innerHTML=t()({b:987}),console.log(">> main")})()})();
\ No newline at end of file
+(()=>{var e={323:e=>{function t(e){var t=""+e,n=r.exec(t);if(!n)return e;var a,i,o,u="";for(a=n.index,i=0;aTitle: "+t(null==(r=i.create("customized"))?"":r)+"
Param[a]: "+t(null==(r=e)?"":r)+"
Param[b]: "+t(null==(r=a)?"":r)+"
"}.call(this,"a"in i?i.a:"undefined"!=typeof a?a:void 0,"b"in i?i.b:"undefined"!=typeof b?b:void 0,"title"in i?i.title:"undefined"!=typeof title?title:void 0),n}(Object.assign({},n,e))}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";var e=r(323),t=r.n(e);document.getElementById("root").innerHTML=t()({b:987}),console.log(">> main")})()})();
\ No newline at end of file
diff --git a/test/cases/js-import-css-modules-cjs/expected/index.html b/test/cases/js-import-css-modules-cjs/expected/index.html
index 37af4fa5..91dc19d4 100644
--- a/test/cases/js-import-css-modules-cjs/expected/index.html
+++ b/test/cases/js-import-css-modules-cjs/expected/index.html
@@ -3,7 +3,7 @@
Hello World!
\nRed: ',__eta.res+=__eta.e(styles.red),__eta.res+='
\nGreen: ',__eta.res+=__eta.e(styles.limeGreen),__eta.res+='
\nBlue: ',__eta.res+=__eta.e(styles.royalBlue),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},742:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;tHello World!
\nRed: ',__eta.res+=__eta.e(styles.red),__eta.res+='
\nGreen: ',__eta.res+=__eta.e(styles.limeGreen),__eta.res+='
\nBlue: ',__eta.res+=__eta.e(styles.royalBlue),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},742:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;tHello World!
\nRed: ',__eta.res+=__eta.e(styles.red),__eta.res+='
\nGreen: ',__eta.res+=__eta.e(styles.limeGreen),__eta.res+='
\nBlue: ',__eta.res+=__eta.e(styles.royalBlue),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign({},data,e));module.exports=templateFn},742:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;tHello World!
\nRed: ',__eta.res+=__eta.e(styles.red),__eta.res+='
\nGreen: ',__eta.res+=__eta.e(styles.limeGreen),__eta.res+='
\nBlue: ',__eta.res+=__eta.e(styles.royalBlue),__eta.res+="
",__eta.layout&&(__eta.res=include(__eta.layout,{...it,body:__eta.res,...__eta.layoutData}));return __eta.res},templateFn=e=>etaFn.bind(eta)(Object.assign(data,e));module.exports=templateFn},742:(e,t,n)=>{"use strict";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t