引导者本文目录一览：
vue打包优化——vendor体积过大
在vue.config.js文件中的chainWebpack配置插件，默认会在8888端口打开 根据之前打包分析图来看，主要是locale下moment的其他语言包占用体积较大。
至此 vendor 的拆解工作完成， vendor 体积小于500K， 小程序开发者工具顺利完成打包工作。
也可参见这个项目 jade-blog 来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。
基于vue-cli0构建项目，npm引入多个第三方包。build之后，包体积太大导致首屏过长。
使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具 把vendor.js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到vendor.js文件中。
使用splitChunks插件，拆分体积超大的包，解决单个包过大的问题。
详解基于vue-cli3.0如何构建功能完善的前端架子
vue3建议我们，监视对象时，指定监视对象的属性。如果监视的对象属性也是一个对象，默认不开启深度监视，需要手动开启。watchEffect()监视器： 只有一个回调函数参数，并且没有参数。
vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。Vue是一个用于构建用户界面的渐进式框架。它是可以自底向上逐层应用。
这个技术在一些以内容为主的APP和网页应用较多，接下来我们以一个简单的Vue工程为例，一起探索如何在基于Vue的SPA项目中实现骨架屏。
// 安装vuexnpm i vuex --savekoa2环境前端项目构建好了，就开始构建我们的后端服务。首先在你的开发工具（不管是webstorm还是sublime）里新建一个目录，用来搭建基于koa的web服务。
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。
vue项目打包后html文件中body标签里生成多个scri
一个中能否添加两个js脚本 script type=text/javascript charset=utf-8 src=要应用的js文件路径/scriptscript language=javascript src=要应用的js文件路径 加十个都没问题。只要将它们放到头标签之前就ok了。
创建静态页面vhtml.html，并引入vue.js文件。在body/body元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。绑定v-html指令数据，这里设置为字符串。
在vue.config.js中配置 其中entry为文件引用路径，template为打包后文件名字及位置。
webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：打开HBulider，打开目录，选择这个list，项目名称自己更改。
借助一下神器webpack，使用require.context()方法来创建自己的(模块)上下文，从而实现自动动态require组件。这个方法需要3个参数：要搜索的文件夹目录，是否还应该搜索它的子目录，以及一个匹配文件的正则表达式。
vue项目一个js文件拆分成两个js文件方法如下。直接新建一个js空文件。依次打开其他js文件，复制文件内容粘贴到新的js文件内容下方，保存这个新js文件。
