一个合理的前端应用文件结构

文章预览

在大型应用中，最关键且最具挑战性的方面之一就是拥有一个良好且合理的文件结构。 在考虑通过微前端将代码库拆分成多个应用之前，可以遵循一些步骤来改善项目级别的架构，并在您考虑这一路径时使过渡更容易。 我们的目标是应用某种模块化方法，使代码库更容易理解，通过为各个功能设置边界，减少代码耦合和副作用。 默认项目结构 默认情况下，当使用流行的前端框架之一搭建新项目时，组件结构是扁平的，并且没有任何层次结构。 本示例使用的是 Vue 的默认项目结构，但 React 对如何将文件放入文件夹也没有意见。 这个例子使用了 Vue 的默认项目结构，但 React 也没有对如何将文件放入文件夹提出意见。 assets：存储应用中使用的静态资产，如图像、字体和 CSS 文件。 components：包含可重用的 Vue 组件。推荐使用扁平层次结构。 main.js：作 ………………………………