Vite
**之火
希望一直深耕钱端领域,但也喜欢涉猎其他计算机编程领域,钱端幸福三要素:悠闲,寡欲,融入自然。
展开
-
Nuxt框架 和 Vite框架比较(四)
Vite 示例:使用 Vite 创建一个单页应用(SPA),可以快速开发和测试新功能,利用 Vite 的快速 HMR 来即时看到更改的效果。Nuxt 示例:使用 Nuxt 创建一个博客应用,可以利用其 SSR 功能,使得博客内容在服务器上预先渲染,提高 SEO 和加载速度。:Nuxt 和 Vite 都是围绕 Vue.js 构建的,这意味着它们可以利用 Vue.js 的响应式数据绑定和组件系统。:两者都支持现代前端开发实践,如组件化、模块化和单文件组件(SFCs)。原创 2024-06-26 09:25:36 · 977 阅读 · 0 评论 -
工具链 之 Vite 部署静态站点(六)
如果你希望将构建的输出放在不同的目录中,你可以在 vite.config.js 或 vite.config.ts 文件中配置 build.outDir 选项。如果你选择自己管理服务器而不是使用托管服务,你需要确保你的服务器能够正确地提供静态文件。这通常涉及到配置你的服务器来从 Vite 构建的输出目录中提供文件。一旦你有了构建好的静态文件,你就可以将它们部署到任何支持静态文件的服务器上。在项目的 package.json 文件中定义好npm 脚本命令。原创 2024-06-20 23:31:45 · 468 阅读 · 0 评论 -
工具链 之 Vite 依赖优化选项(五)
rollupOptions 允许你覆盖 Rollup 的默认配置,Rollup 是 Vite 用于生产构建的打包器。你可以通过此选项来调整依赖打包的行为。assetsDir 选项用于配置静态资源(如图片、字体等)在输出目录中的位置。minify 选项用于配置是否压缩生产构建的输出代码,以及使用的压缩工具。cssCodeSplit 选项用于配置是否将 CSS 代码拆分成多个文件。这些选项与构建输出的大小和警告相关。原创 2024-06-19 09:04:45 · 794 阅读 · 0 评论 -
工具链 之 Vite 主要的构建选项(build)属性(四)
【代码】工具链 之 Vite 主要的构建选项(build)属性(四)原创 2024-06-18 16:07:37 · 192 阅读 · 0 评论 -
工具链 之 Vite 开发服务器所有选项解析(三)
在 Vite 中,server.watch 选项通常不是直接暴露给用户进行配置的,因为它涉及到 Vite 内部对文件系统的监视机制。然而,Vite 确实提供了一些与文件监视相关的配置选项,这些选项通常包含在 resolve、build 或其他配置部分中,而不是直接放在 server 配置下。其中包含了一些与文件系统相关的配置。原创 2024-06-17 10:53:49 · 273 阅读 · 0 评论 -
Vite入门学习笔记
这也正是我们对 “打包” 这个概念熟悉的原因:使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。启动开发服务器通常需要很长时间,有时候长达6/7分钟之久,即使使用模块热替换(HMR),文件修改后的效果也需要几秒钟才能在浏览器中刷新出来,极大影响开发体验,需要升级工具。当以命令行方式运行 vite 时,Vite 会自动解析项目根目录下名为 vite.config.js 的配置文件(也支持其他 JS 和 TS 扩展名)。原创 2023-08-26 12:10:45 · 454 阅读 · 0 评论 -
vite.config.ts配置代码例子
【代码】vite.config.ts配置代码例子。原创 2024-04-05 09:22:44 · 185 阅读 · 0 评论 -
工具链 之 vite 简介(一)
Vite使用Rollup作为默认的构建工具。通过运行npm run build命令,Vite会将应用程序的源代码打包成一个或多个优化的静态文件,以便在生产环境中进行部署。Vite的构建过程会根据需要进行代码拆分、压缩和优化,以提供最佳的性能和文件大小。原创 2024-06-13 09:15:27 · 957 阅读 · 0 评论 -
工具链 之 Vite 常见的共享选项配置(二)
define: {// ... 其他环境相关的全局变量},},// ... 其他配置})原创 2024-06-17 09:05:08 · 455 阅读 · 0 评论