javascript - 前端怎么进行组件化的开发，以及如何解决组件之间依赖的关系？

Question

我理解的一个前端组件是由html,css,javascript组成的。通常是把一个组件所依赖的的东西全部放在一个文件夹下面，方便就近管理和维护。那么于此同时问题就来了，一个页面有多个组件组成，可能组件之间也有依赖关系，这个时候我要怎么解决这些依赖关系呢？

我目前知道的js的依赖可以通过AMD,commonJs,ES6等模块化的方案进行解决。但是于此同时html,css的依赖关系又怎么解决呢？React由于JSX的或许不需要考虑html的依赖关系，那么css呢（请不要考虑css in js 这种方案)。

我想请问大家在公司如何进行组件化的开发呢？又是如何解决组件之间的依赖关系的呢（js 的或许好解决，那么html,css的依赖呢）？

补充一下：目前我们公司是通过FIS管理模块间的依赖关系的，所以我比较好奇的社区的构建工具，例如gulp,webpack有种能力吗？也想知道大家是通过什么工具来管理组件之间的依赖的。

Answer 1

可以用webpack，目前最火的前端构建工具。只要加载loader，你想引用什么模块就引用什么模块。
我司现在使用的是webpack+react，组件化太方便了。

Answer 2

一直在开源系统drupal, joomla, magento上搞开发，只有magento2有实现web组件的概念。它是基于knockoutjs扩展实现的，用requireJS引入。整个组件由一个js与一个html组成，并且可嵌套，可依赖扩展。但整个组件其实有后端干预的，不能把这套方式直接迁移到别的项目上。各平台有各自的组件扩展方法，但单纯的前端没有统一的方案。

以下是magento2 前端组件开发的过程，仅供参考
https://segmentfault.com/a/11...