Create multiple web parts in one SPFx Solution

-
Here you can create a multiple web parts in one SPFx Solution. Steps Below


  • sSet the Environment from here


Step 2

In this way i have created four web parts, i am not adding all the screen shots of web parts.After 
Once you run the below command it will generate the .sppkg file
cmd : gulp bundle --ship 
cmd : gulp package-solution --ship

please find the screen shot for your reference

Drag and drop this .sppkg file in your apps for SharePoint library either tenant level/site collection level  screen shot below.

After install the web part in site content. screen shot below.

Here we have installed only one .sppkg file and it is having four web parts if observe the below screen you see all the web parts in this solution.

Now in the web part pane you can see all the web parts inside the solution.

final out put in the below screen.

Smiles a lot its cost nothing...😄😄😄

Comments

Post a Comment

Popular posts from this blog

My Interview Experience

-
 CTS Is thier any other way to host webjobs insted of Azure? What is the another way to send Email in online insted of timer job? What is the Default item limit with out top parameter? How can you pull the items more than 5000 thousand Threshhold value of list in online and 2016 and 2013 How to we get Personor Grup field How do we set Status icons in a list using Column Formating Explain about Timer job? What is Content Type? what if i add more colomuns in parent content type does this reflect in child Content Type? How can we set as default master? How do you move the document from one libray to another lib what class u used in your coding How to you run SP Security.reunwith elivated privilages in SharePoint Designer CGI How do Filter Managed Metadata filed falue in RestAPI How do you get multiple users in PersonorUser Group Fiels using Rest API, How do you get Description filed value in RestAPI can we write camel querries in Rest API how do you pass camel querry in Rest api What ...
Read more