vue项目打包优化的问题

用vue编写项目爽是爽,重复代码封装成组件,想用哪个插件直接install,打包也只要运行一条命令就行了,然后就是这样做了,部署后访问一下,gg,特别的慢,几十秒才勉强加载完页面

1.解决思路:

 去网上找了很多,推荐几个可效的方法:(这里不具体写实现方法,只供参考)

1.使用cdn加速

2.使用插件将你的控制台输出全干掉,就是console.log()这个

3.异步加载组件,就是需要用的时候再加载

4.在打包的时候尽量不需要的插件给移除

额,就这些,接下来我说说我的一个简单高效的方法

2.我的优化方法

首先以上方法我都尝试过,其他没问题,就是使用cdn加速的时候出了问题不会搞,后面干脆不用这个方法了,我想到了一个静态分离的方法,我查看了一下响应时长最久的就是这些js,css文件,而且单页面,文件巨多还巨大,每个一访问就是10秒,所以我把打包后的静态文件全部抽离了出来,放到了腾讯云的对象存储里面,也可以使用其他的对象存储或服务器,总之访问速度要快,然后在vue.config.js里面修改了配置 

publicPath = "https://xxx.cos.apshanghai.myqcloud.com/dist/";

改成存放静态资源的访问域名的通用前缀

module.exports = {
	devServer: {
		port: 8889,
	},
	lintOnSave: false,
	publicPath:
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值