npm i -D vite-ssgvue-router @unhead/vue // 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"} } // src/main.tsimport{ViteS...
1.npm i vite-ssg -D npm i vite-plugin-pages -D //读取文件夹生成路由,不用自己再去定义路由 npm i unplugin-vue-components -D //加载自定义组件和按需加载第三方组件库 npm i vite-plugin-vue-layouts -D //路由页面布局模板 2.main.js中引入 import { ViteSSG } from 'vite-ssg' import { s...
一个官网课程资源页,用户能够点击进入课程页面,并能够阅读课程的md文档教程。 这两个项目都是非常单纯的通过npm init vite@latest创建的Vue3+TS项目,并且其中也都引入了目前非常流行的ElementPlus作为组件库。 目前多了一个新的需求:要交给我进行SEO,也就是搜索引擎优化。在这边先暂且列一些给Vue+Vite项目做SEO的...
初始化的时候,可以在ViteSSG第三个参数函数中的isClient来判断是否是浏览器中。npm vite-ssg还有详细的案例告诉我们vuex和initialState来保持数据持久的方式 exportconstcreateApp=ViteSSG(App,{routes},({app,router,routes,isClient,initialState})=>{// app.provide('$wow', WOW)if(isClient){window.onload=f...
vite-plugin static-site-generation ssg react static-rendering html-generation vite-ssg pre-rendering SEO wroud •1.0.0•5 days ago•0dependentspublished version1.0.0,5 days ago0dependents 64 vite-plugin-app Vite plugin for Vue 3 that supports SSG, SSR, and SPA. ...
安装NPM 并通过 stable 安装最新版本的 Node sudo yum install npm sudo npm install -g n sudo n stable 全局安装 yarn ,没错,我现在更喜欢用 yarn 来进行包管理,这一步你可以跳过 npm i -g yarn 然后是全局安装 pm2,这个是必须要装的,否则我们的终端一关,服务就停了,需要通过 PM2 来守护进程,当然,你...
npm i -D vite-ssgvue-router@next @vueuse/head // package.json { "scripts": { "dev": "vite",- "build": "vite build"+ "build": "vite-ssg build"} } // src/main.tsimport{ ViteSSG }from'vite-ssg'importAppfrom'./App.vue'// `export const createApp` is requiredexportconstcreate...
1# Vite SSG 2 3Static-site generation for Vue 3 on Vite. 4 5[![NPM version](https://img.shields.io/npm/v/vite-ssg?color=a1b858)](https://www.npmjs.com/package/vite-ssg) 6 7> ℹ️ **Vite 2 is supported from `v0.2.x`, Vite 1's support is discontinued.** ...
如果你正在使用vite-sse或者vite-ssg,通过下面的步骤设定naive-ui。 1. 安装naive-ui、@css-render/vue3-ssr # pnpmpnpm i naive-ui @css-render/vue3-ssr# npmnpm i naive-ui @css-render/vue3-ssr 2. 修改vite.config.ts import{ setup }from'@css-render/vue3-ssr'defineConfig({ssr: {noExterna...
ℹ️ Vite 2 is supported from v0.2.x, Vite 1's support is discontinued.InstallThis library requires Node.js version >= 14 npm i -D vite-ssg vue-router @unhead/vue // package.json { "scripts": { "dev": "vite", - "build": "vite build" + "build": "vite-ssg build" // ...