diff --git a/src/loaders/windicss-template.ts b/src/loaders/windicss-template.ts
index 4468b33..0300264 100644
--- a/src/loaders/windicss-template.ts
+++ b/src/loaders/windicss-template.ts
@@ -40,7 +40,7 @@ function WindicssTemplate(
      * Source: html-webpack-plugin/lib/loader.js
      */
     const options = this.query !== '' ? loaderUtils.parseQuery(this.query) : {}
-    const template = compileTemplate(source, defaults(options, { variable: 'data' }))
+    const template = compileTemplate(source, defaults(options, { interpolate: /<%=([\s\S]+?)%>/g, variable: 'data' }))
     // Require !!lodash - using !! will disable all loaders (e.g. babel)
     return `var _ = require(${loaderUtils.stringifyRequest(this, `!!${require.resolve('lodash')}`)});`
       + 'module.exports = function (templateParams) { with(templateParams) {'