Big Project Architecture

Hi.

We are going to use Vue.JS as a front end for our project.

Our project will contain a lot of pages that are grouped together by functionality (like Accounting, inventory, sales … etc ).

What is the best way to setup the project for this scenario?

I read something about “modules”, but couldn’t find official documentation about it.

Is it really the way to do it?
Is there any small example that shows the skeleton on this setup?

Thank you!

you could manage the directory by scene,like

--- components
    --- common
        --- List.vue
    --- global
        --- Dialog.vue
    --- accounting
        --- UserHead.vue
        --- UserMenu.vue
    --- inventory
        --- inventoryList.vue
    --- sales
        --- SaleList.vue
--- mixins
    --- common
         --- list.js
    --- sales
         --- sales_mixin1.js
         --- sales_mixin2.js
--- store 
    --- modules
         --- moduleA
         --- moduleB
    --- index.js
1 Like

Thanks for the reply!

Actually our modules are a little bit big, I mean like the Sales module has Retail, Wholesale, and inside Retail we will have Invoice/Return-Invoice …etc.

The point is that we have a lot of pages inside each module.

So, will your suggestion be good for this? like can we create more subfolders under sales like:

--- components
    --- common
        --- List.vue
    --- global
        --- Dialog.vue
    --- accounting
        --- UserHead.vue
        --- UserMenu.vue
    --- inventory
        --- inventoryList.vue
    --- sales
         --- retail
              --- invoice
                  --- template1.vue
                  --- template2.vue
             --- return invoice
                  --- template1.vue
        --- wholesale
             --- invoice
                 --- template1.vue
.
.
.

       --- SaleList.vue
--- mixins
    --- common
         --- list.js
    --- sales
         --- sales_mixin1.js
         --- sales_mixin2.js
--- store 
    --- modules
         --- moduleA
         --- moduleB
    --- index.js

I appreciate your help :smiley: