WebPack

WebPack 使用webpack4构建一个基于vuejs的开发编译环境，通过SplitChunks，webpackChunkName对代码分割以及mini-css-extract-plugin分离css代码的实践

cacheGroups是一个对象，按上述介绍的键值对方式来配置即可，值代表对应的选项。除此之外，所有上面列出的选择都是可以用在缓存组里的：chunks, minSize, minChunks, maxAsyncRequests, maxInitialRequests, name。可以通过optimization.splitChunks.cacheGroups.default: false禁用default缓存组。默认缓存组的优先级(priotity)是负数，因此所有自定义缓存组都可以有比它更高优先级（译注：更高优先级的缓存组可以优先打包所选择的模块）（默认自定义缓存组优先级为0）

WebPack webpack提取公共代码及js，css的分离操作

其实早就想和大家分享下webpack，由于最近较忙正在搞一个桌面应用，所以抽空给大家聊聊webpack的独立打包。相信点开此文章的朋友都已经接触过webpack了，所以在这咱们也不废话了，基础知识咱不讲解，这里咱们就直杀主题了，如果是没有基础的朋友建议可以先了解一下webpack的打包过程，当然我也不会完全不去管没有基础的朋友，下面我也会说一下关于webpack配置方面的说明，好了，下面咱们直接先上代码，然后我来给各位一一剖解