关于vue-cli 3配置打包优化要点(推荐)
从下图可以看到,打包出来后最大的包有1.33M。然后再看下请求,哇,217个请求、首页下载需要3.2M。例如我们的样式文件目录下有一个theme.scss,我们可以在vue.config.js中作如下处理通过以上配置,就可以在组件模板中注释以下代码我们发现请求数增多是因为我们页面预先渲染了其它组件,会在html页面中插入像这样的东西,这该怎么优化呢?首先我们先看下vue.config.js的官方文档,所以我们添加如下配置对于vue, vuex, vue-router,axios等我们可以利用wenpack的externals参数来配置,这里我们设定只需要在生产环境中才需要使用:接着修改html文件,添加注入代码然后打包重启,我们再来看下目前的变化。如果你还有其它优化点,欢迎一起讨论!
下载地址
用户评论