Rakesh Jesadiya

Magento 2 used Require JS Configuration properties are the map, paths, shim, mixins, and deps.

In Magento, We have to declare all the Require JS configuration properties inside the requirejs-config.js file.

You can declare the requirejs-config.js file at different AREA Scope like frontend or adminhtml.

Underscore JS template engine used to compile javascript template into such a function to render the content with HTML file.

Underscore JS uses different syntax to render content into HTML format.

Syntax of template method in underscore JS,

_.template(templateString, [settings])

There will be three different syntax underscore js used,

1. <%= %> Interpolate HTML tag to normal text in result.

   var htmlContent = _.template('<h2><%= name %></h2>', { name: 'Rakesh' });
   //Output will be, Rakesh

2. <%- %> Keep HTML tag in result.

   var htmlContent = _.template('<h2><%= name %></h2>', { name: 'Rakesh' });
   //Output is, <h2>Rakesh</h2>

3. <% %> used to define logical conditions for the execute code.

   <% if (value > 0) { %>
     Execute code here.
   <% } %>

   You can use syntax based on your requirement.

You can create Require JS plugin in Magento with text! as a suffix and pass HTML file path in the dependency of the define( ) method in javascript.

An Example of a text plugin in Magento,

'text!Jesadiya_Blog/template/plugin.html'