我一直在寻找一种组织网站的好方法，并且找到了Grunt，npm，Gulp和其他一些很棒的东西。我正在寻找一种可以通过使用HTML，CSS和JavaScript中的模块来组织网页的方法，或者采用我之前列出的方法来实现此目的的方法。例如：
+-- files
| +-- html
| | +-- header.html
| | +-- footer.html
| | +-- content.html
| +-------
|
| +-- styles
| | +-- stylesheet.scss
| | +-- fonts.css
| +---------
|
| +-- scripts
| | +-- base.js
| | +-- jquery.min.js
| | +-- bootstrap.min.js
| +----------
+-------------
然后，（魔术工具）将javascript文件合并为一个文件，将样式合并为一个文件，并将HTML组件合并为一个文件。
TL; DR：组织文件变得越来越复杂，需要一种神奇的方式来组织文件，否则项目将猛烈爆炸。
干杯，
杂乱无章的上尉紧缩
您提到的诸如Grunt，npm，Gulp之类的工具是构建工具...我使用称为webpack的工具将我的所有CSS和JS文件打包为一个大js文件并最小化...在此处找到指向Webpack CSS打包程序的链接
您使用哪种语言：静态html？jQuery的？有角度的？反应吗？
文件结构将根据您使用的语言而有所不同。
对于静态html网页，您可以使用index.html并提供指向其他网页的链接。有关简单的网站结构，请参阅此stackoverflow答案。
但是，在使用诸如Angular和React的框架/库进行开发时，会使用高级文件结构...因此，这取决于您所使用的开发工具。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句