如何文件连接以创建组件 (HTML/CSS/JS)答案

【问题标题】：How file join for component creation (HTML/CSS/JS)如何文件连接以创建组件 (HTML/CSS/JS)
【发布时间】：2018-10-01 16:24:15
【问题描述】：

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

/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各一个文件我可以用 gulp 做吗？

【问题讨论】：

标签： javascript html css components workflow

【解决方案1】：

如果它只是您想要在单个文件中的 CSS，那么您对 Gulp 的直觉是正确的，它可能是最简单的解决方案。我建议使用专门为此目的设计的gulp-concat。

【讨论】：

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