首先，我不得不说我是Node和Webpack的新手，我在寻找意见和建议，而不是更正某些特定的代码。因此，如果您对我有耐心，我将非常感谢您。您必须看到，我必须开发一个Web应用程序，其中有不同类型的会话，每个会话都需要不同的Vue模块，并且其中一些模块是共享的（我的和第三方）。我想对我的项目进行标准化处理，但是我只是找到了单个Web应用程序的信息，是的，我正在寻找信息，但要取决于当前记录的会话和登录页面。
该项目是在普通PHP 7，PostgreSQL中作为DBMS和Vue进行中间开发的，而Vue-Vuetify是JavaScript框架。我做了某种科学怪人压缩每个会话所需的文件，但是我不确定这是更好的解决方案，因为每次加载页面时，PHP都要压缩文件。因此，现在我想尝试使用webpack。问题是，我在很多地方都看到webpack只将一个项目汇总为一个整个项目，而我不希望这样做。
我还必须说，我使用CDN vue和vuetify，因此所有vuetify不需要的组件都已加载。
为了演示，这是我的树
api/ # db connection, auth and ajax queries
src/ # resources like images and some global css
views/ # here i have all the vue components and main pages depending on session
views/?/components/ # normal components (.js) All of them starts with Vue.component('name',{...})
views/?/routes/ # routed components (.js) All of them start with {...} (Vue-Router)
views/?/main.php # Here I define the components and routes needed and I query the database some initial things.
views/?/main.js # Vue-component that is loaded later
general_template.php # has the skeleton of all main.php, so each main.php when they are ready, load it at the end.
index.php # check if session is active so can show a main page for each type of user.
您可以指导我在节点中必须使用哪些技术吗？以及我应该如何整理我的文件？如果您认为整棵树像意大利细面条，则可以随意整理。预先谢谢你。