Friday, 19 June 2020

Multi-Page NodeJS Application with LWC


LWC open source application supports only single-page applications and there is no config attribute in lwc-services.config.js which enable us to make our app multi-page.

In a single-page application, LWC takes a single entry point as index.js and merges it with index.html to generate a final html file.

Structure of single page LWC project is as follows :

But our requirement was to implement multi-page application which can have structure as follows :

After doing some research my team and I found a solution which uses a custom webpack configuration file. We found out that there is an attribute ‘-w’ for lwc-services watch, lwc-services build commands. It takes the location of a custom webpack configuration file, which will be merged into the default config.

In that custom webpack configuration file, we need to provide multiple entries. An entry point indicates which module webpack should use to begin building out its internal dependency graph. webpack will figure out which other modules and libraries that entry point depends on (directly and indirectly).

Also we can use plugins which are used to customize the build process in a variety of ways. While loaders are used to transform certain types of modules, plugins can be leveraged to perform a wider range of tasks like bundle optimization, asset management and injection of environment variables.

Also we need to provide a module resolver which allows us to access modules in our js files. A resolver is a library which helps in locating a module by its absolute path. A module can be required as a dependency from another module.
After reading the above resources, we can write our own custom webpack configuration file which can be used to build LWC open source app which will run as a multi-page application as follows :

Yuvraj Lohiya
Senior Technical Lead 
iBirds Software Services Pvt. Ltd.

For more details on this topic you can contact us on :



  1. This comment has been removed by the author.

  2. Thanks for sharing
    Leanpitch provides online training in DevOps during this lockdown period everyone can use it wisely.
    DevOps Online Training

  3. click here to know about AWS CLI completely. This is the best platform to improve your aws skills.

  4. Awesome post! Personally I like your site. . I am so impressed to read your content. I am looking forward for the next valuable and informative concept in your blog. Overall outstanding post. Carry on :) Well done!
    If you want Digital Marketing Serives :-
    Digital marketing Service in Delhi
    SMM Services
    PPC Services in Delhi
    Website Design & Development Packages
    SEO Services PackagesLocal SEO services
    E-mail marketing services
    YouTube plans

  5. Your information is really good and definitely that things are very useful. I'm impressed with your pleas to share much information with us.
    construction logistics services London

  6. This article content is really unique and amazing. This article really helpful and explained very well's i am really thankful to you for sharing keep it up..

    Digital Marketing Service in Kanpur

  7. I really want to thank the author for such a nice blog that helped me to understand why it is important. Email Marketing Services in Perth

  8. This article's content is really unique and amazing. This article really helpful and explained very well. So I am really thankful to you for sharing keep it up..


  9. This article content is really unique and amazing.This article really helpful and explained very well.So i am really thankful to you for sharing keep it up..

    Digital Marketing Services

  10. Amazingly helpful which you have shared here. I am impressed by the details and also it is a significant article for us. Continue imparting this sort of info, Thank you.smm panel

  11. Hi,
    Thanks for the nice blog. It was very useful for me. keep sharing ! if want Trademark Registration in bangalore Income Tax Consultants in bangalore click on it

  12. Thanks for sharing this information GIOSTAR is one of the best stem cell therapy in India. GIOSTAR has a capacity to treat a few destroying Immunological infirmities and Blood related infections. These unite Diabetes Type I and Type II, Lupus, Multiple Sclerosis, Crohn's burden, Vasculitis, Scleroderma, Myasthenia Gravis, Sickle Cell Anemia, Leukemia, Lymphoma, Thalassemia and building up the treatments for Alzheimer's, Autism, Anti-Aging Treatments, Parkinson's infection, Cancer, Heart and Retinal Degeneration, Amyotrophic Lateral Sclerosis, Neuropathy, Osteoarthritis, Paralysis, Strokes, Spinal Cord Injuries, Skin Burns and Spinal Muscular Atrophy (SMA). BestStem Cell Therapy in India, Hyderabad, Delhi, Bangalore,

  13. This site helps to clear your all query.
    This is really worth reading. nice informative article.
    uniraj exam time table

  14. Sweet blog! I found your यहाँ देखें – BA 3rd Year Result University wise website while i was surfing around on Yahoo News.

  15. You have done great work by publishing this article here. It is useful and convenient info for smm panel . Keep upgrading our knowledge by share these types of articles.  First Smm Panel