一:为什么要划分?
项目结构清晰会提高开发效率,熟悉项目的各种配置同样会让开发效率更高
在划分项目结构的时候,需要遵循一些基本的原则:
- 文件夹和文件夹内部文件的语义一致性
- 单一入口/出口
- 就近原则,紧耦合的文件应该放一起,且应以相对路径引用
- 公共的文件应该以绝对路径的方式从根目录引用
- /src外的文件不应该被引用
文件夹和文件夹内部文件的语义一致性
我们的目录结构会都有一个文件夹是按照路由模块来划分的,如pages文件夹,这个文件夹里面应该包含我们项目所有的路由模块,并且仅应该包含路由模块,而不应该有别的其他的非路由模块的文件夹
这样的好处是,一眼就从pages文件夹看出这个项目的路由有哪些?
单一入口/出口
好处:无论你的模块文件夹内部有多乱,外部引用的时候,都是从一个入口文件引入,这样可以很好的实现隔离,如果后续有重构需求,就可以发现这种方式的优点
就近原则,紧耦合的文件应该放在一起,且应以相对路径引用
使用相对路径可以保证模块内部的独立性
公共的文件应该以绝对路径的方式从根目标引用
公共指的是多个路由模块共用,如一些公共的组件,在使用的时候,采用绝对路径的形式引用
/src外的文件不应该被引用
src里面会放着所有项目需要的资源,js,css,png,svg等
src外会放一些项目配置,依赖,环境等文件
方便划分项目代码文件和配置文件
小结
项目的目录结构很重要,按照一定的规范去进行目录的设计,能让项目整个架构看起来更加简洁,更加易用