业务场景一
需要快速接入一个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帮我编译压缩后的结果中也小之又小。