压缩60%，本文将从10个打包优化点出发，探索一下我们基于vue-cli创建的项目如何从零开始进行打包优化

@vue/cli为我们提供了很方便的开发方式，但当你不明白一些cli插件内部原理时，遇到问题很可能会到处乱撞，不得要领。

这是一篇包教不包会的npm发布教程，为了避免很多文章中的分享，跟着一步步做，最后发包失败。。时间没了，搞得心情都不好了。 ​ 在项目中，我们都希望安装的插件体积尽可能的小，因此，我们在发包的时候也要尽量控制我们的依赖，所以我选择自己创建一个打包项目，而不是用笨重的vue和rea…

目前 vue-cli3 生成的配置是做单页面的，然而，我们有时也会有多页面的需求 。比如我们最常见的一个项目跑多个独立的小型的H5页面，这些页面不可能每一次都开一个新项目.但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的脚手架，这里提供了一种我的单页面脚手架转换为多页…

我们用vue-cli生成项目后，vue给我们仅提供了一个启动的命令和一个打包命令（如果你选择了单元测试等其他选项，还会有其他命令，但本篇文章我们不讨论它），这个启动命令是开发环境的，打包打的是生产环境的包。 但是如果我们还有测试环境以及预发布环境呢，这两个环境都是线上的，测试环…

前端中的库很多，开发这些库的作者会尽可能的覆盖到大家在业务中千奇百怪的需求，但是总有无法预料到的，所以优秀的库就需要提供一种机制，让开发者可以干预插件中间的一些环节，从而完成自己的一些需求。 本文将从koa、axios、vuex和redux的实现来教你怎么编写属于自己的插件机制…

前言 在我们开发完一个组件库的时候，需要有一个组件说明文档，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息： 组件的描述 组件 Demo 示例的展示、描述和源码 组件的参数文档 组件说明