用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: