说说前端项目的组件化。之前详细讲过的前端项目的组件化可以参考组件化和私有npm仓库。今天我们就来说说前端项目的组件化。1.之前的组件目录结构：-project1#project1-project2#project2-component1#component1-component2#component2package.jsonofproject1:{"dependencies":{"@yourCompany/component1":"^0.0.1","@yourCompany/component2":"^0.0.1"}}代码中使用：importcomponent1from'@yourCompany/component1';2.以往组件化方式存在的问题更新组件比较麻烦，尤其是一些和业务深度耦合的组件，频繁的更新会很头疼。当组件太多的时候，感觉管理起来很累，因为每个组件都是一个独立的项目，有独立的构建环境。对于一些代码小的组件，单独做一个项目，用起来有点大3.项目组件化的另一种方法针对上面提到的问题，还有一种方法可以很好的解决：目录结构：-project1#Project1-project2#项目2-components#组件集合项目components组件集合项目目录结构：-src/#源码目录-component1#组件1-component2#组件2-component3#组件3-...-package.json-README.md-CHANGELOG.md-.eslintrc.js-.stylelintrc.js-.prettierrc.js-...软链接components目录到project1目录：（注：project1的.gitignore需要加上/components）#下面是linux命令，windows类似cdproject1ln-s../components./project1项目的目录结构：-src/#源代码目录-components/#组件工程目录（软链接）-package.json-README.md-CHANGELOG.md-.eslintrc.js-.stylelintrc.js-.prettierrc.js-...代码中使用：importcomponent1from'relative/path/to/components/src/component1';4、两种方式以上两种方式各有优势，可以结合使用。大的、不经常更新的组件可以使用npm打包的方式，小的、经常更新的组件可以使用软链接项目的方式。更多后续博客，查看https://github.com/senntyou/blogs作者：沈玉之(@senntyou)版权声明：免费转载-非商业-非衍生-保留署名（CreativeCommons3.0许可）
