vuejs项目打包后可能会出现的问题有哪些-js教程-PHP中文网

vuejs项目打包后可能会出现的问题有哪些

php中世界最好的语言

发布： 2018-04-08 15:51:45

原创

2123人浏览过

这次给大家带来vuejs项目打包后可能会出现的问题有哪些，vuejs项目打包的注意事项有哪些，下面就是实战案例，一起来看一下。

一：使用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优化首屏加载问题

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

JSON格式的数据如何提交到服务端

v1.1.6若依管理系统

一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统。她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA。所有前端后台代码封装过后十分精简易上手，出错效率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。您是否在找一套合适后台管理系统。您是否在找一套代码易读易懂后台