![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vite
文章平均质量分 60
Vite
十月ooOO
精通 JS/CSS/HTML,做点有用的东西。
展开
-
如何判断 vite 的运行环境是开发模式还是生产模式 production? development?
vite 有两种获取当前运行环境模式的方法:官方说明:比如我在开发模式和生产模式的请求地址不一样,我是这么用的:原创 2024-01-12 15:22:39 · 1498 阅读 · 0 评论 -
vite 如何打包 dist 文件到 zip 使用插件 vite-plugin-zip-pack,vue3 ts
开发过程中一个经常做的事就是将./dist文件夹打包成 zip 分发。每次手动打包还是很费劲的, vite 同样也有能把./dist文件夹打包成.zip的插件,当然这个打包的文件夹不一定非得是./dist,可以是任何位置,只要指定好就可以了。说一下如何实现它。原创 2024-01-06 15:47:04 · 1509 阅读 · 6 评论 -
vite 如何设置 pwa,让网页类似 app 那样运行,使用插件 vite-plugin-pwa
情况还是那么个情况,还是原来的项目vue2改为遇到的问题,今天这个问题是如何 在Vite环境下设置 PWA。PWA 就是网页应用可以像 app 那样不显示上下边栏在手机中使用,也可以从 PC 端脱离浏览器而显示为一个独立程序的样子使用。vue-cli环境时是这样实现的:今天就来说说如何在vite环境下实现上面的操作。原创 2024-01-05 14:10:15 · 2297 阅读 · 0 评论 -
SVG 文件的引入方式之一:以 URL 的方式引入 SVG 文件,vue2、vue3+Vite vite-svg-loader
vue2 使用 require() 引入 svg 使用vue3 + ts + vite 使用 vite-svg-loader 插件引入svg 使用并最终实现代码提示一样使用图标文件。原创 2024-01-03 12:05:39 · 5900 阅读 · 0 评论 -
Vue3 watch 的使用,如何监听一个对象中的属性值的变化 vue3 + ts + vite
由 vue2 转到 vue3 + ts + vite 之后都不会写这些玩意了。原创 2024-01-02 17:18:39 · 1061 阅读 · 0 评论 -
Vite scss 如何引入本地 字体
最近在用 Vite 改造一个旧项目,遇到了好多从 Vue 转到 Vite 的问题。这次这个问题是: scss 里本地字体引入的问题。原创 2024-01-02 16:43:17 · 1258 阅读 · 0 评论 -
Vite 设置 build 之后项目的相对路径,而不是绝对路径 base
此时你就需要设置一下,让打包后的程序在相对路径中运行。比如你的项目只是你网站中的一个分支,而不是主目录。比如你的这个 vite 项目叫。而你放到服务器上的路径是这样的。原创 2023-09-08 18:12:06 · 2737 阅读 · 0 评论