关于vue.js:vue项目打包后vendorjs过大CDN引入方式进行项目优化

  1. 第一步:在index.html 中引入


留神:引入的地位要放在app下面,版本号和packge.json外面的版本号雷同

第二步:在main.js以及其余的例如store.js router.js 外面有通过

import Vue from ‘vue’的中央,通通都正文掉(有的都正文掉)



第三步:在build > webpack.base.conf.js外面通过externals进行配置疏忽vue的打包

缩短篇:

对应的vur-router vuex elementui都能够进行疏忽打包的优化,具体优化计划见下图



打包后的vendor.js 从880k放大到了99k

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理