如何在Vue项目中优化打包体积_程序开发

admin

2023-02-13 15:40:02

0次

如何在Vue项目中优化打包体积？其实要解决这个问题也不难，为此小编总结了这篇文章，下面我们一起来看看优化使用webpack打包体积的方法。

引入CDN

在webpack.base.conf.js文件中添加打包排除项：

externals: {
    'vue': 'Vue',
    'echarts': 'echarts',
    'axios': 'axios',
    'vuex': 'Vuex'
  },

然后去掉main.js中的导入，在index.html添加BootCDN的链接：

在config/index.js中设置：

cssSourceMap: false,
productionSourceMap: false,
productionGzip: true,

component: (resolve) => require(['../components/Index.vue'], resolve)

看完这篇文章，你们学会在Vue项目中优化打包体积的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注行业资讯频道，感谢各位的阅读。

山西发布山洪蓝色预警，涉8市4... 2026年7月24日下午，山西省水利厅和山西省气象局联合发布山洪灾害气象风险预警，预计未来12小时，...

中央决定：华润集团董事长调整 2026年7月23日，华润（集团）有限公司召开中层以上管理人员大会。中央组织部有关负责同志宣布了党中...

学习笔记丨“努力让每个孩子都能... 制作：王宇峰岳小乔贾雪

活力中国调研行丨一束“光”的故... 它被称为“最快的刀”“最准的尺”“最亮的光”。从一束“光”到一颗“芯”，再到规模千亿的产业集群，今天...

携手前沿技术共创智能未来携手前沿技术共创智能未来 ——来自2026年世界互联网大会数字丝路发展论坛的声音夏日长安，秦岭叠...

上海浩劢取得桌面式轻型悬臂吊专... 国家知识产权局信息显示，上海浩劢工业科技有限公司取得一项名为“桌面式轻型悬臂吊”的专利，授权公告号C...

毒油风暴未歇民进党却急着上架，... 海峡导报综合报道岛内毒油食安风暴持续延烧，台北市长蒋万安持续号召民众7·25上凯道，但“食药署”2...

WAIC挤满“卖铲人”，但算力... 2026年的WAIC，机器人依然抢占了绝大多数镜头。但展馆里数量增长最快的，是自称“AI Infra...

对话芯展速许玮：“内存墙”下，... Token经济时代，衡量AI价值的标准，正从模型能力转向Token生产效率。AI因此从工具演变为新的...

菲尔兹奖得主邓煜写过这些诗词邓煜李少君徐俪成 | 澎湃新闻记者徐萧整理北京时间7月23日晚，中国数学家王虹、邓煜获颁菲尔...