微前端
niuyueyang
这个作者很懒,什么都没留下…
展开
-
前端工程化--文件同步
rsync安装(centos)https://blog.csdn.net/qq_35765928/article/details/105281778注意这里只做到安装好虚拟机2就可以了,尝试此文章同步命令出现错误,正确参考如下命令重启rsync ps -ef|grep rsync|grep -v grep|awk '{print $2}'|xargs kill -9/usr/bin/rsync --daemon一台服务器同步rsync -r 源目录 目标目录注意这里必.原创 2021-01-14 16:51:16 · 136 阅读 · 1 评论 -
gitlab ci/cd 前端自动化部署
解释与安装https://juejin.im/post/5b03963a51882542821ca56a注意事项https://www.jianshu.com/p/4bbef46a2aaa需要的url和token可以从git仓库的 Settings - CI/DI 中的runners找到,描述可以不用写,tags先写“vue-dev-pub”,executor选择shell,注册生成后刷新git仓库的Settings页面,可以在Runners下面看到已经注册的runner操作新建 /web/p原创 2020-07-24 01:55:12 · 836 阅读 · 4 评论 -
微信小程序初始化项目架构
使用npm从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。 首先我们需要初始化项目包,可以看到项目根目录生成了包配置文件package.json使用vant-ui通过 npm 安装npm i @vant/weapp -S --productionnpm install --production构建 npm 包 打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建.原创 2020-05-14 16:39:54 · 665 阅读 · 0 评论 -
vue微服务架构(qiankun)(未完)
前言本教程采用 Vue 作为主应用基座,接入不同技术栈的微应用。如果你不懂 Vue 也没关系,我们在搭建主应用基座的教程尽量不涉及 Vue 的 API,涉及到 API 的地方都会给出解释。注意:qiankun 属于无侵入性的微前端框架,对主应用基座和微应用的技术栈都没有要求。我们在本教程中,接入了多技术栈 微应用 的 主应用 最终效果图如下:构建主应用基座我们先使用 vue-cli 生成一个 Vue 的项目,初始化主应用。将普通的项目改造成 qiankun 主应用基座,需要进行三步操作原创 2020-05-14 14:37:30 · 5442 阅读 · 3 评论 -
腾讯云serverless开发(nodejs版)
参考:https://cloud.tencent.com/document/product/1154/40492原创 2020-05-04 00:56:49 · 873 阅读 · 1 评论 -
前端轻量化部署脚手架实践
背景传统的前端代码手工部署流程如下:传统的手工部署需要经历:打包,本地运行npm run build打包生成dist文件夹。ssh连接服务器,切换路径到web对应目录下。上传代码到web目录,一般通过xshell或者xftp完成。传统的手工部署存在以下缺点:每次都需要打开xshell软件与服务器建立连接。当负责多个项目且每个项目都具有测试环境和线上环境时,容易引起部署错误。...原创 2020-05-02 22:26:25 · 585 阅读 · 1 评论 -
iframe微前端架构
项目介绍项目可以分为两部分,一部分是统一的登陆注册入口,一分部是主要的管理内容区。我计划是登陆注册部分、内容管理区的header和aside作为一个基础的框架项目(后续称之为父级项目),内容区(也是表格的那部分)根据业务来划分不同的子项目,然后用户访问不同的业务,父级项目通过 iframe 将不同的子项目加载进来。预计目标将一个大项目拆分成多个小项目,降低项目的维护复杂度使各个业务最大...原创 2020-04-12 19:11:22 · 3651 阅读 · 4 评论