时间:2021-05-26
一:使用CDN资源
我们在打包时,会将package.json里,dependencies对象里插件打包起来,我们可以将其中的一些使用cdn的方式加载,例如不想把vue,axios,vuex,vue-router打包到我们项目中,我们需要这样:
1:打开webpack.base.conf.js
module.exports = { externals: { ‘vue‘: ‘Vue‘, ‘axios‘: ‘axios‘, ‘vuex‘: ‘Vuex‘, ‘vue-router‘: ‘VueRouter‘ }}2:打开router/index.js。注销掉以下两行
//import Vue from ‘vue‘//Vue.use(Router)3:如果你使用了vuex,把vuex/index.js(命名各有不同)中的Vue.use(Vuex)注销了
Vue.use(Vuex)
打包后可能出现的问题
1:被keep-alive包围的元素无法显示
原因:暂不明。
解决方法:不用keep-alive
推荐阅读:Vue项目使用CDN优化首屏加载问题
总结
以上所述是小编给大家介绍的vuejs项目打包之后的首屏加载优化及打包之后出现的问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在项目中我们会不断的添加,优化代码,每次添加优化之后都需要打包进行再次上传更新。这时问题就回来了,每次打包出来js,css文件的名字都是一样的,在首页index
Vue打包后出现一些map文件的解决办法:问题:可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?1,运行cnp
1、问题描述本地的vue项目在server端浏览没问题,但是执行npmrunbuild打包之后在本地预览是白屏。有很多js,css无法加载。2、解决方法在con
使用vue-cli部署生产包时,发现资源包很大,打包后的vendor.js达到了1.4M,这已经很大了,而且会影响到首屏加载。那么,怎么优化呢?1.组件按需加载
将项目进行编译、测试之后,接下来就是打包(package),我们的pom.xml中没有指定打包类型,那么使用默认打包类型jar,简单的执行命令mvncleanp