如何连接用于组件创建的文件(HTML/CSS/JS)



我正在开发一个基于原子设计的工作流程。它仍然是静态的。我创建了包含组件的文件夹,其结构如下:

/components
 /atoms
   - button.css
   - button.hmtl
   - button.js
 /molecules
   - header.css
   - header.hmtl
   - header.js
 /organisms
 /templates

我想构建组件。所以我想创建模板并仅使用放入每个页面的元素的html/css/js。无需使用整个应用程序代码。

如何将每个元素的 css/html/js 联接在一个文件中的一个文件中?每个文件一个文件,html,css,js我能大口大口地做吗?

如果只是你想要的CSS在单个文件中,那么你的直觉是对的,它可能是最简单的解决方案。我建议使用完全为此目的而设计的gulp-concat。

最新更新