cascade: false
}))
// 压缩css
.pipe(cssmin())
.pipe(dest('./lib'));
}
function copyfont() {
return src('./src/fonts/**')
.pipe(cssmin())
.pipe(dest('./lib/fonts'));
}
exports.build = series(compile, copyfont);
Vue CLI 3 & Lerna
构建整个
Element 组件库的脚本繁多，构建的代码之间互相还有引用关系，对于开发的引用路径也会产生一定的约束。因此设计类似于
Element 的UI框架相对开发者而言需要一定的开发门槛。这里基于Vue CLI 3的 开发/构建目标/库 能力以及 Lerna 工具设计了一个UI框架，这个UI框架集成了以下特点：
1、 结构特点 ：每个UI组件都是一个npm包， 多语言、工具和样式 都是自成体系的npm包，可被业务或UI组件灵活引用，同时天然按需加载。
2、 配置特点 ：如果需要进行构建处理，那么每个npm包可单独进行构建配置，配置变得更加简单。结合Vue CLI3的 构件库 能力，对于简单UI组件的构建几乎可以做到webpack零配置，当然需要特殊的webpack loader除外。
3、 发布特点 ：组件库的版本迭代可以更快，不需要进行整体构建，每个组件可单独快速发布
PATCH 或
MINOR 版本。这里设定业务层面需要进行webpack构建处理，因此可以对UI框架的组件不进行构建处理，当然如果UI组件的设计需要特殊的webpack loader处理除外，否则业务层面需要做额外的webpack配置。当然不构建处理是相对于一定的使用场景的，不构建处理可能也会产生额外的一些问题。
这个UI框架的设计也会有一些缺陷：
1、没有完整引入功能（也可以进行整体构建，但是这里不推荐）
2、不提供UMD模块
3、业务层面引入繁琐（可以出额外的引入工具，简化业务中的UI组件引入）
Vue CLI 3
构建库
为了简化UI框架的webpack配置，这里将Vue CLI 3作为开发的容器引入，借用Vue CLI 3的构建库功能（ 构建web-components-组件 功能应该更合适，这里没有进行验证），几乎可以做到UI组件构建的零配置。通过审查项目的-webpack-配置 能力，可以查看Vue CLI 3为我们预先设置的通用webpack配置（几乎可以满足大部分的UI组件构建）。
插件体系
这里使用Vue CLI 3的插件和Preset功能开发了几个插件，以便于快速构建起步的UI设计框架，具体的 preset.json 配置如下：
{
"useConfigFiles": true,
