vue
vuejs实用技巧和经验总结
tino.tang
share for myself
展开
-
vue-cli打包体积过大问题解决
包过大的问题无非就是js依赖库、ui依赖库、静态资源过大其中静态资源可以放到nas或者ftp服务器,流量比较便宜ui依赖库可以在选择的时候注意选择提供了CDN外挂方式引入的ui库,例如element-ui,如果已经选择了没有CDN link的ui库,或者不想使用别人的CDN,那么可以选择自己打包后将js和css放到自己的nas或者ftp上,然后link自己的外链下面重点讲讲本身依赖库打包体积过大的问题1.检查 vue.config.js中的productionSourceMap是否原创 2021-01-08 20:05:45 · 4216 阅读 · 1 评论 -
vuecli3打包发布后无法访问静态资源(404)
场景vuecli3或者vuecli4项目,本地运行可以正常访问静态资源,打包发布到线上后,通过域名访问后无法访问到静态资源,也就是404原因分析1.配置的映射域名并不是在根域名下,而是在次一级的location下,而publicPath配置的确实绝对路径"/"关于publicPath的配置,vuecli官方给了详细的解决办法,即是把vue.config.js中的publicPath改成相对路径,网上大部分人都是这么说的,然儿并不能彻底解决这个问题。https://cli.vuejs.org/zh/原创 2020-09-29 14:31:52 · 11094 阅读 · 6 评论 -
vue横向树级组件(流程图、组件递归)
效果唯一依赖LeaderLine插件npm安装方式:https://www.npmjs.com/package/leader-line-vue官方文档https://anseki.github.io/leader-line/源码RightTree.vue<template> <div class="TreeRight" v-if="list.length" > <div class="childs"> <原创 2020-09-27 11:56:47 · 5810 阅读 · 13 评论 -
Element-ui 文件批量上传改造
template <!-- 已上传图片列表 --> <div class="img_box"> <div class="image-list-div" v-for="(image,index) in images" :key="index"> <img :src="image"原创 2020-07-13 17:34:05 · 368 阅读 · 0 评论 -
vue+element-ui打包后找不到字体和图标库
在build/utils.js下找到 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) } else { ...原创 2019-06-20 17:15:14 · 7068 阅读 · 5 评论