本文在mpvue提供的默认项目模板的基础上，对webpack构建过程进行了优化，使其更加符合大型的小程序项目。

1. 清理废弃页面

随着产品的快速迭代，项目里的部分页面会逐渐下线。为了避免下线的页面突然又要重新上线，开发同学一般会把下线页面的代码保留，仅仅在app.json里移除掉相应的页面。

但细心的同学可能会发现，尽管已经在app.json里移除了相应页面的路径，在编译出来的dist文件夹仍然能发现已下线页面的身影，这是为什么呢？

Taro 是一套遵循 React 语法规范的多端开发解决方案。支持用 React 的开发方式编写一次代码，生成能运行在微信小程序和H5。

背景

事情的起源是因为需要对生成的H5应用高度个性化的 Webpack 配置，而 Taro 默认只提供了 webpack-chain 的方式来修改webpack，导致无法与组内通用的一份webpack config 直接合并（不能用webpack-merge）。不得已之下只好从taro源码寻求解决方案。

有时候我们需要实现多行文本溢出显示省略号的效果
例如:

这个效果可以通过webkit的私有属性实现，以上限三行为例：

1
2
3
4
5
6

.multi-line {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      }

对于单个段落这个样式就够用了，但是当有多个段落时情况就不一样了

本文主要参考自 @黄子毅 的 Callback Promise Generator Async-Await 和异常处理的演进, 对内容进行了一定的加工整理，并修改了原文中的一些错误。

回调

1.无法捕获的异常

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function fetch(callback) {
    setTimeout(() => {
        throw Error('请求失败')
    })
}
try {
    fetch(() => {
        console.log('请求处理') // 永远不会执行
    })
} catch (error) {
    console.log('触发异常', error) // 永远不会执行
}
// 程序崩溃
// Uncaught Error: 请求失败

执行回调时已经不是出于原本的执行栈了，Error发生在下一轮事件循环中，所以没有被try...catch捕获