title: How to load multiple templates css and js on handlebars express.js
body: <p>I have a query regarding load of multiple css file and js file on Express-Handlebars. Let's say I have to create the frontend. For that I have a structure like this of HTML Template.</p>
  
  <blockquote>
    <p>Template</p>
    
    <blockquote>
      <p>Assets</p>
      
      <blockquote>
        <p>css</p>
        
        <blockquote>
          <p>a.css</p>
          
          <p>b.css</p>
          
          <p>c.css</p>
          
          <p>d.css</p>
        </blockquote>
        
        <p>js</p>
        
        <blockquote>
          <p>a.js</p>
          
          <p>b.js</p>
          
          <p>c.js</p>
          
          <p>d.js</p>
        </blockquote>
      </blockquote>
    </blockquote>
    
    <p>index.html</p>
  </blockquote>
  
  <p>I am using Handlebars on Node.js. My question is I also have to create the Dashboard for that and that template may also have multiple css and js files.</p>
  
  <p>By default Handlebars concept was create one Main.js file where we have a structure and all css and js file linked.</p>
  
  <p>Then we have a different file which will be rendered under main.handlebars file. </p>
  
  <p>If I paste all total css and js then there is a definitely collisions of file and generates many error. According to me This was not a good &amp; efficient concept.</p>
  
  <p>I googled for this issue and found something interesting that on api calls of that page render css. Like this</p>
  
  <pre><code>router.get('/',function(req,res){
      let css = [{css:'/css/style.css'}]
      let scripts = [{script:'/javascript/javascript.js'}];
      res.render('index',{scripts:scripts,style:css})
    });
  </code></pre>
  
  <p>But my question is how I can load multiple css files and js files on that.</p>
  
  <p>If anyone knows this, kindly let me know. Thanks in advance
  Any Help or suggestion is really appreciated.</p>