vite
文章平均质量分 87
前端 贾公子
博主写了对element-plus的表格和表单的封装
[表格]https://gitee.com/childe-jia/table-vue3
[表单] https://gitee.com/childe-jia/form-render
大家支持一下
展开
-
vite打包部署问题总结
使用vscode搭建vue3 + vite项目,本地没有问题,build后部署到服务器, 默认访问的是域名下的js css文件,导致 相对路径无法访问到。原因:默认的是 "/", 而我部署的路径是 : /其他路径/项目名/dist/ ,所以 把base 改为 ./ 后就可以正常访问了。在vite.config.js中添加 :base: "./" 后就可以了。原创 2023-08-23 14:31:17 · 1370 阅读 · 0 评论 -
vite技术揭秘--环境变量
env 文件.env # 所有情况下都会加载.env.local # 所有情况下都会加载,但会被 git 忽略.env.[mode] # 只在指定模式下加载.env.[mode].local # 只在指定模式下加载,但会被 git 忽略注意事项.env.*.local 文件应是本地的,可以包含敏感变量。你应该将 .local 添加到你的 .gitignore 中,以避免它们被 git 检入。由于任何暴露给 Vite 源码的变量最终都将出现在客户端包中,VITE_* 变量应该不包含任何敏感信息。原创 2023-06-05 14:55:46 · 938 阅读 · 1 评论 -
vite-----TypeScript
我们可以打开终端,然后这个19啊,我们可能怀疑是它第一次打印的,所以呢,我们现在先退出我们这个服务啊,再重新的启动一下,然后我发现 19仍旧被打印出来了,因为这个19的错误呢,不是我们当前考虑的问题,那很显然我们把一个单独的模块给导出出去以后,我们再导入是没有问题的,因为这个时候呢,Vite 会把我们这个模块进行正常的导入,因为这个模块,只有我们当前的这个 test.ts 去使用的,那如果我们在这个模块里边,再次导出这个 Person,的时候,被视为全局脚本,让我们使用导入导出来去让他正常编译。原创 2023-02-06 15:28:05 · 1774 阅读 · 0 评论 -
vite -- NPM 依赖解析和预构建 && 热更新
默认的依赖项发现为启发式可能并不总是可取的。在你想要显式地从列表中包含/排除依赖项的情况下, 请使用optimizeDeps 配置项。当你遇到不能直接在源码中发现的 import 时,或就是典型的用例。例如,import 可能是插件转换的结果。这意味着 Vite 无法在初始扫描时发现 import —— 它只能在浏览器请求文件时转换后才能发现。这将导致服务器在启动后立即重新打包。string[]在预构建中强制排除的依赖项。CommonJSCommonJS 的依赖不应该排除在优化外。原创 2023-02-06 11:30:35 · 3425 阅读 · 0 评论 -
vite --- 搭建开发环境
它由 npm/yarn 衍生而来,但却解决了 npm/yarn 内部潜在的 bug,并且极大了地优化了性能,扩展了使用场景。,这是 facebook 出品的快速、可靠、安全的 Node.js 包管理工具,用来代替 npm。全局安装并使用:pnpm env use --global Node.js 官网默认监测你的电脑操作系统,给出相应版本,建议安装。项目的初始化、安装依赖、启动服务等,可以运行起来,感受一下它和。查看全局安装的依赖:pnpm list --global。原创 2023-02-03 16:02:02 · 3591 阅读 · 0 评论 -
vite --- 为什么选Vite
Vite(法语意为 "快速的",发音/vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热更新(HMR)。一套构建指令,它使用Rollup打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。Vite 意在提供开箱即用的配置,同时它的插件 API和带来了高度的可扩展性,并有完整的类型支持。原创 2023-02-03 15:34:37 · 670 阅读 · 0 评论