Tag: JS

Posted on

What is the RequireJS configuration map vs paths vs shim in Magento 2?

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. Continue reading “What is the RequireJS configuration map vs paths vs shim in Magento 2?”

Posted on

How to use different syntax of underscore JS template engine?

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.

Posted on

How to define Require JS Plugin in Magento?

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'

Continue reading “How to define Require JS Plugin in Magento?”