- 博客(8)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 减小vuecli3项目webpack打包后首页入口js文件大小
如题，由于项目越来越大，导致js的体积也越来越大，之前没有仔细管webpack的配置，所以一般打出来的包都有app.js和vendor.js两个文件。由于功能越来越多，vendor.js文件也越来越大，达到了1mb，所以决定着手优化通过webpack-bundle-analyzer可以看到占大头的主要是iview和tui.editor这两个那么目标很明确了iview使用umd用script标签引入，可以参考官网，不再赘述主要是tui.editor首页并不需要，所以没必要放在app.js或ven
2020-08-28 18:04:40
632
原创 浅谈externals，vuecli打包组件库和import组件中各名称关系
如题，注意事项如下：配置scripts时注意组件的名称设置："scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "lib": "vue-cli-service build --target lib --name pkView --dest lib package/index.js" },
2020-08-14 09:42:32
1010
原创 nginx try_files的使用
项目的路由使用的是history模式，需要配置try_files，但是这个项目的路径是二级路径所以坑就来了try_files对应的路径不要使用alias，要用root，不然找不到try_file所匹配的是location对应的路径，不是资源路径最终nginx配置效果如下：location /mobile/ { if ($request_uri ~* '/$|\.html$') { add_header Cache-Control no-st
2020-08-06 16:33:57
836
原创 微前端项目整合方案
目录背景：目的：方式：改动：效果：背景：项目已完成微前端拆分，但并未进行整合，在构建和开发过程中需要打开四个项目，十分不便捷目的：在不改变原有项目启动和打包流程的前提下，整合前端项目。将所有项目归结到一个文件中，通过脚本控制可以一条命令启动所有项目和打包所有项目，方便开发方式：通过npm-run-all指令合理控制所有项目的打包指令改动：将pumpkin-fronted-framework，pumpkin-vue-cloud，pumpkin-vue-mall，pumpkin-vue-por
2020-08-06 15:57:40
1452
原创 微前端项目技术改造方案
目录背景：目的：效果：原理：改动：部署（独立部署）：开发（独立开发）：背景：目前前端项目有门户(pumpkin-vue-portal)，公有云(pumpkin-vue-cloud)和即将加入的商城(pumpkin-vue-mall)三个独立项目，但三者存在相同的头部，底部，登录用户权限也是同一套，带来了如下业务痛点：1.存在大量重复代码，不符合“kiss”准则2.代码维护相当困难，加上要合并的分支，改一处相当于要维护n*3的代码量3.框架代码没有与业务代码分开，核心的用户权限代码与业务代码绑定在
2020-08-06 15:54:24
793
原创 nuxt项目中遇到的坑
环境变量想设置某个环境变量在服务端和客户端都能获取，不能光只在package.json的脚本中使用cross-env进行设置，还需要在nuxt.config.js的env中进行添加嵌套路由会进入两次plugin中的js第一次为首页刷新是打印一个111后两次为在嵌套页面刷新时所打出的两个1111iconfont和自定义的svg图标的嵌套路由页面刷新不显示在新闻嵌套页面刷新后icon不出现在首页刷新后可以出现且不出现的情况对于自定义的svg图片会一直不出现，而引入的ico..
2020-08-06 15:47:32
808
原创 关于ssr项目与spa项目的合并与部署
最近在做seo优化，开发完成后需要与原有的spa项目进行合并，下面是合并步骤及部署时的nginx配置使用的ssr框架是nuxt，spa项目为vue-cli4.x整体思路：将ssr项目中未做ssr的页面用a标签进行跳转至spa项目由于我们的门户项目比较复杂，不同的域名要对应不同的主题色，然后再加上dev,rc,uat,prod四个环境，所以需要通过对当前环境的判断来生成对应的url+spa项目的路由进行页面跳转（暂时不知道如何在服务端渲染阶段获取地址栏信息，望赐教）下面是我配置的运行脚本有
2020-08-06 15:46:38
975
原创 微前端qiankun实践和遇到的坑
子应用导出钩子函数子应用vue.config中的headers设置成可跨域请求output设置成library，打包成umd库格式父应用使用了babel-pollfill，子应用不要在家bable-pollfilliconfont.js要取消样式隔离才能生效子应用的代理将失效，代理需要配置在父应用中应用间的通信，props,initGlobalState,@ice/start-data...
2020-08-06 15:33:26
7082
8
空空如也
为什么没有react.prototype.$xxx=xxx
2021-02-24
js中一个基本类型的全局变量存放在内存的哪？栈还是静态储存区？
2020-11-05
vuecli3 如何设置maxHeaderSize
2020-05-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人