反映到 Vue 项目的文件结构上,SPA 应用往往需要一个 router 文件来定义 vue-router 的路由和对应的组件,而 SSG 应用则可以把每个页面的路由和对应的 Vue 页面组件直接定义在一个文件夹中(往往命名为pages) 所以Vite-SSG 项目的main.js一般长这个样子: importAppfrom'./App.vue'import{ViteSSG}from'vite-ssg'i...
反映到 Vue 项目的文件结构上,SPA 应用往往需要一个 router 文件来定义 vue-router 的路由和对应的组件,而 SSG 应用则可以把每个页面的路由和对应的 Vue 页面组件直接定义在一个文件夹中(往往命名为pages) 所以Vite-SSG 项目的main.js一般长这个样子: import App from './App.vue' import { ViteSSG } from...
反映到 Vue 项目的文件结构上,SPA 应用往往需要一个 router 文件来定义 vue-router 的路由和对应的组件,而 SSG 应用则可以把每个页面的路由和对应的 Vue 页面组件直接定义在一个文件夹中(往往命名为pages) 所以Vite-SSG 项目的main.js一般长这个样子: importAppfrom'./App.vue'import{ViteSSG}from'vite-ssg'i...
vite-plugin-pages[25] :能够自动读取指定目录下的 Vue / Md 文件生成 Vue 路由,只需要管理好 views 文件夹的层级关系,无需再单独维护路由配置 vite-plugin-md[26] :一个能让 Markdown 文件像 Vue 组件一样导入使用的插件,它也基于 markdown-it,支持进行一系列 md 生态扩展 vite-plugin-components[27]:可...
显而易见,做个官网ssg就非常合适,正好相关插件vite-ssg也有,配合多页面插件vite-plugin-pages来尝试一下 2. 创建项目步骤 第一步:三种任选其一执行 npm create vite@latest yarn create vite pnpm create vite 按照命令提示写项目名称,我选择vue-ts作为项目就可以生成项目了 ...
"dev": "vite",- "build": "vite build"+ "build": "vite-ssg build"// 想使用另外的vite配置文件,不使用原本的vite.config.ts,把build的命令改成下面这样+ "build": "vite-ssg build -c another-vite.config.ts"} } src/router/index.ts(vue-router) ...
所以Vite-SSG 项目的main.js一般长这个样子: import App from './App.vue' import { ViteSSG } from 'vite-ssg' import routes from '~pages'; import vuetify from './plugins/vuetify'; export const createApp = ViteSSG( App, // vue-router options {routes, scrollBehavior: () => ({ top: 0...
npm i -D vite-ssgvue-router @vueuse/head // package.json { "scripts": { "dev": "vite",-"build": "vite build"+"build": "vite-ssg build"// OR if you want to use another vite config file+"build": "vite-ssg build -c another-vite.config.ts"} } ...
npm i -D vite-ssg vue-router @vueuse/head // package.json { "scripts": { "dev": "vite", - "build": "vite build" + "build": "vite-ssg build" // OR if you want to use another vite config file + "build": "vite-ssg build -c another-vite.config.ts" } }...
请各位大佬看到的话能帮助解决以下问题 ,蟹蟹! Vue 3 + TypeScript + Vite 官网 技术栈 vite + vue3 + ssg pinia + less + sass + axios 问题一: 1. hash模式下打包失败 2. element-plus 自动导入后无法打包 3. 引入bootstrap后打包失败