requirejs学习-2-模块化编程后的建议项目站点目录

【本人原创,首发于CSDN播客,转载请注明网址,作者网名:九天翔龙】

很长一段时间,我的项目站点目录是这样的:

解释下目录:

images 文件夹存放各种图像。当然在这里面可能也会根据项目需要进一步细分文件夹。比如,images文件夹里,再分出【icons】图标文件夹,【banners】banner图片文件夹等等。

scripts文件夹,这里面就存放各种JS脚本。同样,也会根据需要进一步细分,比如【videoplayer】视频播放插件相关代码,【boostrap】boostrap相关代码等。

style文件夹,这里面存放各种CSS、SCSS文件。

但是接触了requirejs之后,看了一些大神的视频和文章,感觉我的目录要改进下了。

现在的根目录是这个样子(当然仁者见仁,本人接触requirejs的时间也不长)

解释下根目录:只用来存放 各种HTML文件(我还是习惯把HTML文件直接放在根目录,我知道有同仁喜欢创建一个HTML文件夹存放html文件)以及文件夹 assets(assets 中文含义“资产”,用来存放各种非HTML的文件。也有同仁喜欢用resources“资源”这个名字。我觉得无所谓,看个人喜好了。)

assets目录里是这个样子:

config文件夹,存放 requirejs的入口配置文件。也就是 引入requirejs的<script>的 data-main 指定的文件所在的地方。(也有同仁喜欢把这个配置文件命名为 main.js,跟requirejs放在一起)我觉得,公用型的文件和项目文件最好还是不要混在一起的好,所以就分开放。

CSS文件夹,存放各种CSS、SCSS文件

images文件夹,各种图像,跟之前的一样

JS文件夹,项目相关的JS代码就放在这里。

utils文件夹,存放各种库、插件之类的相关代码。requirejs和jquery,boostrap等大名鼎鼎的框架,就放在这里。它们是“雷打不动”的相关库和代码。如下图所示:

目前我就放了这么些东西在里面。当然随着时间的推移,我相信我这个 utils 文件夹会越来越丰富的。

其实只要目录结构清晰,文件管理科学,方便项目开发,利于代码后续的扩展,目录结构不一定非要按照这个样子,以上内容仅供参考。

猜你喜欢

转载自blog.csdn.net/weixin_42703239/article/details/81544016
今日推荐