打包后下拉列表出现的空元素bug 之前的项目element-plus版本是 "^1.0.2-beta.70"  把他升级一下就好了 npm i element-plus@1.0.2-beta.70 升级遇到的一个问题 用这个命令 npm i element-plus@^1.0.2-beta.70 --force 装好后继续下一步 然后可以 npm run build 打包,再用 serve dist 跑一下看下效果 (如果没有安装过serve的 => 终端执行  npm i se…

项目打包及部署到服务器二级路由 例如:我希望将打包的项目部署到 http://localhost:8088/web/ 上 一. 项目配置及打包 项目部署到服务器二级路由需要配置基础路径base,即需要:1.配置vite.config.ts中的基础路径2.配置路由的基础路径 方式一 通过环境变量配置基础路径 分别在production和development模式下的环境变量中添加基础路径变量,生产环境:.env.production文件,开发环境:.env.development文件 ##生产环境…

一:vite构建项目 配置base 1.base配置打包公共路径 打开package.json 做项目时可以不去掉 好了,在以上你构建了vite,并配置了最简单的操作后,你准备配置vite.confing.ts 开发环境下我们的图片位置在/src,ok,本地没问题正常显示,你打了个包 (npm run build),然后又运行了npm脚本preview, 也没问题,但是在一些服务器上,使用绝对目录会导致404,所以我们需要配置为相对目录 二:路径别名 先引入path,在配置, 注意一定不要随意命…

项目打包及部署到服务器二级路由 例如:我希望将打包的项目部署到 http://localhost:8088/web/ 上 一. 项目配置及打包 项目部署到服务器二级路由需要配置基础路径base,即需要: 1.配置vite.config.ts中的基础路径 2.配置路由的基础路径 方式一 通过环境变量配置基础路径 分别在production和development模式下的环境变量中添加基础路径变量,生产环境:.env.production文件,开发环境:.env.development文件 ##生产…

官网资料 构建生产版本--库模式 https://cn.vitejs.dev/guide/build.html#library-mode 详细设置 https://cn.vitejs.dev/config/#build-lib 技术栈 vite rollup 打包方式 vue-cli 自带的是 webpack 的打包方式,打出的包体积有点大,而 vite 自带的是 rollup 的打包方式,这种方式打包的体积就非常小,官网也有一些使用说明,所以学会之后还是比较很方便的. vite 的库项目可以分…

背景 京东购物小程序作为京东小程序业务流量的主要入口,承载着许多的活动和页面,而很多的活动在小程序开展的同时,也会在京东 APP 端进行同步的 H5 端页面的投放.这时候,一个相同的活动,需要同时开发原生小程序页面和H5页面的难题又摆在了前端程序员的面前. 幸运的是,我们有 Taro,一个开放式跨端跨框架解决方案.可以帮助我们很好地解决这种跨端开发的问题.但不幸的是,Taro 并没有提供一套完整的将项目作为独立分包运行在小程序中的解决方案.因此,本篇文章将介绍如何通过一套合适的混合开发实践方案,…

得益于 esbuild 的超高性能,vite 在诞生之初就备受关注,且一直保持着活跃的开发迭代.截至目前,vite 已经迭代到了 2.7.10 版本,各方面也基本具备了在生产使用的条件.这段时间,我在项目中尝试了使用 vite 进行打包构建,本文就是这次构建的过程记录. 基础配置 首先使用vite 官方脚手架生成项目. yarn create vite vite-demo --template react-ts 上面这行命令使用 react-ts 模板创建了一个叫 vite-demo 的项目.由…

前端埋点对于那些营销活动的项目是必须的,它可以反应出用户的喜好与习惯,从而让项目的运营者们能够调整策略优化流程提高用户体验从而获取更多的$.这篇文章将实现一个Vue3版本的埋点上报插件,主要功能有 通过Vue自定义指令形式实现点击事件上报 提供手动调用上报方法 上报每个页面访问人数与次数(UV,PV) 上报用户在每个页面停留时长 项目环境搭建 本项目采用pnpm进行Monorepo环境搭建,因为未来这个项目可能会加入更多的工具包. 安装pnpm npm install pnpm -g 初始化pa…

在项目或产品的迭代过程中,通常会有多套环境,常见的有: dev:开发环境 sit:集成测试环境 uat:用户接收测试环境 pre:预生产环境 prod:生产环境 环境之间配置可能存在差异,如接口地址.全局参数等.在基于 vue-cli (webpack) 的项目中只需要添加 .env.xxx 文件,然后在 package.json 的 scripts 启动或打包命令中指定 mode 参数即可,获取环境变量时使用 process.env.xxx.vite 使用方式类似,但获取环境变量使用 impo…

目录 1. 本篇适用范围与目的 1.1. 适用范围 1.2. 目的 2. 牛刀小试 - 先看到地球 2.1. 创建 Vue3 - TypeScript 工程并安装 cesium 2.2. 清理不必要的文件并创建三维地球 2.3. 中段解疑 - 奇怪的路径 2.4. 打包部署 2.5. 有限的优化 3. CesiumJS 前置知识 3.1. CesiumJS 依赖包中的资料说明 3.2. 构建后的 CesiumJS 库组成 - 主库文件与四大文件夹 3.3. 链接库文件和四大文件夹的 CESIUM…