组件化开发优势

2019独角兽企业重金招聘Python工程师标准>>>

业务场景一

需要快速接入一个banner轮播的效果

以往：1.复制CSS块 2.复制JS块 3.复制HTML块 4.根据实际需求，二次修改原组件（虽然这时候还不算是个组件）

现在：1.npm安装模块2.import导入3.引入指定自定义标签，在当前组件页面添加必要的覆盖样式

 

业务场景二

需要制作一个通用的后台管理系统UI

以往（Bootstrp）：1：引入CSS文件 2：引入JS主要库 3:逐个引入所需组件库（如图表）

现在：1.npm install安装模块 2.import按需导入

以往的缺点：一个组件，最低依赖一个对应的js文件，更可怕的是，这个组件可能还依赖其他的某个特定版本的库，如jquery等，这些都需要开发者来维护，有时候一个组件库中有ABC3种类型的表现形式，我们只需要用到其中的类型A，但是浏览器在我们引用js文件的那一刻就把他们都一起加载起来了。但是组件式开发的话，我需要用到类型A，就只引入类型A，babel和webpack帮我编译压缩后的结果中也小之又小。

 

 

 

转载于:https://my.oschina.net/u/2356272/blog/1934703