Question

vue-cli中修改webpack打包策略，某个第三方库单独打包怎么实现

Answer 1

确实，每次打包从入口开始，会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍。然而，有几个解决方案，最有效的，是使用weboack
的watch，只有文件md5变化时，才会重新打包，并且只parse有变化的文件，其他没变化的文件是使用缓存的。这样子，打包时间迅速降到200ms
以内。
再优化下去的话，我们要知道webpack打包的过程中做了啥，首先是解析依赖啦，然后就是各种各样的loader。从解析依赖的角度入手，我们可以bower install一些打包好的文件，然后通过设置别名让依赖指向这个文件，这样就减去了第三方库的依赖解析时间。
然后各种各样的loader也是很耗时的，一种办法是在loader里面配include，让loader只针对特殊资源。另一种办法是让你的第三方库noparse，具体怎么设置你查文档吧。

Answer 2

比如，我想单独打包echarts，我做出以下尝试：

得到的结果是：

显然，echarts不只1K，所以这么做是不对的，但我不知道怎么做才是正确的。

为了跟上面的尝试做对比，我把我做的地方注释掉，如下图：

得到的结果：

app.XXX.js的大小竟然变了，是在搞不懂是哪出了问题。

我应该怎样才能配置使之单独将echarts模块单独打包呢？