DEV Community

antonmak1
antonmak1

Posted on • Edited on

How to work with .hmpl file extension in javascript?

#webdev #javascript #programming #tutorial

In order to work with files with the .hmpl extension, you can install a webpack and loader for it hmpl-loader. Since version 0.0.2, the loader connection looks like this:

webpack.config.js 

module.exports = {
  module: {
    rules: [
      {
        test: /\.hmpl$/i,
        use: ["hmpl-loader"],
      }
    ]
  }
}
Enter fullscreen mode Exit fullscreen mode

main.hmpl 

<div><request src="/api/test"></request></div>
Enter fullscreen mode Exit fullscreen mode

main.js 

const templateFn = require("./main.hmpl");

const elementObj = templateFn();
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

shams_arman_510 profile image

BLA ! BLA! BLA! DECEMBER...!

shams Arman siddique -

velan profile image

Mastering Bruno: A Beginner's Guide to API Clients

Velan<> -

frorning profile image

JavaScript Interview Cheat Sheet - Part 2

Piyush Chauhan -

mike_andreuzza profile image

Learn how to create a Login/Register Form with Tailwind CSS and Alpine JS

Michael Andreuzza -