<分区>
我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。
关闭 6 年前。
标签 javascript html css module
我一直在寻找一种很好的方式来组织我的网站，我发现了 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 文件并缩小它... Find Link to webpack css bundler here
您使用哪种语言:静态 html？查询？ Angular ？ react ？
文件结构会根据您使用的语言而有所不同。
对于静态 html 网页，您可以使用 index.html 并提供指向其他网页的链接。 Refer this stackoverflow answer for simple website struture
但是，在使用 Angular 和 React 等框架/库进行开发时，存在高级文件结构……所以取决于您正在开发什么。
关于javascript - 模块化网页设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41295479/