Nuxt3 + Naive UI 的SSG项目分享
文章平均质量分 90
Nuxt3 + Naive UI 的SSG项目搭建过程以及涉及的知识点分享
长松系马_
这个作者很懒,什么都没留下…
展开
-
Nuxt3 + Naive UI 的SSG项目分享(一)
如果用服务端渲染一个页面所需的数据对每个用户来说都是相同的,那么我们可以只渲染一次,提前在构建过程中完成,而不是每次请求进来都重新渲染页面。这是写在分享前的前言,主要是想谈谈分享的初心,它涉及两个方面:一个是巩固自己的技术知识,用于查漏补缺,二则是秉承互联网精神,在网络上相互分享,相互协作。而这里分享,我们则采用Nuxt3框架,它是一个构建于 Vue 生态系统之上的全栈框架,为编写 Vue SSR 应用提供开发,同时还可以把它当作一个静态站点生成器来用。而Vue框架所开发的项目就属于SPA项目。原创 2022-11-13 18:20:05 · 3023 阅读 · 2 评论 -
Nuxt3 + Naive UI 的SSG项目分享(二)
我们建立构建的script命令时,使用 --mode 后面接相关的.env文件后面的不同的自定义名称,便会为我们自动装配相关的环境变量。我们在开发项目的时候会有各种不同的环境,有测试环境,也有发布环境,以及最终上线的正式环境,那么我们怎么处理不同环境的区别呢?Nuxt3 可以用一个 nuxt.config 文件轻松配置,该文件的扩展名可以是 .js、.ts 或 .mjs。我们可以根据环境建立不同的配置文件,它们默认文件名是.env,在进行构建的时候,vite会装配env目录的文件。原创 2022-11-13 20:59:38 · 1088 阅读 · 1 评论 -
Nuxt3 + Naive UI 的SSG项目分享(三)
Nuxt3项目并不需要利用 import 去导入组件并且注册使用,它会自动查找 components 目录下的文件,将文件名作为组件名,来自动引入我们的组件。这就是Nuxt3项目的自动导入,在 Nuxt3 的约定下,用户在页面文件上使用到的Nuxt3的标签将会被系统自动识别导入到应用程序,以供全局使用。上面说到了的是Nuxt3项目使用到一些Nuxt3框架自带的一些标签的自动导入,下面则将介绍Nuxt3项目涉及到的所有的自动导入。但需要注意的是,这里的默认自动识别导入只能是一级目录,如果需要自动导入在。原创 2022-11-14 14:56:10 · 1603 阅读 · 0 评论