在2023 年的年底,我终于有时间下定决心把我的UtilMeta 项目官网进行翻新,主要的原因是之前的官网是用 Vue2 实现的一个 SPA 应用,对搜索引擎 SEO 很不友好,这对于介绍项目的官网来说是一个硬伤 所以在调研一圈后,我准备用Vite-SSG+Vue3+Vuetify3把官网重新来过,前后花了两周左右的时间,本文记录着开发过程中...
importAppfrom'./App.vue'import{ViteSSG}from'vite-ssg'importroutesfrom'~pages';importvuetifyfrom'./plugins/vuetify';exportconstcreateApp =ViteSSG(App,// vue-router options{routes,scrollBehavior:() =>({top:0}) },// function to have custom setups({ app, router, routes, isClient, initialSt...
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 }) }, // function to have custom setup...
也许这可以在vite.config.js中以某种方式配置，但我不是很坚定。我提出了以下解决方案，它在两种环境下...
vite.config.js // Pluginsimportvuefrom'@vitejs/plugin-vue'importvuetify, { transformAssetUrls }from'vite-plugin-vuetify'importViteFontsfrom'unplugin-fonts/vite'// Utilitiesimport{ defineConfig }from'vite'// import { fileURLToPath, URL } from 'node:url'// https://vitejs....
此外，您还可以检查生成的index.html，以查看所包含文件的相对文件路径是否与您期望在/app/上为应用程序...
importvuetifyfrom'vite-plugin-vuetify'importSitemapfrom'vite-plugin-sitemap'importDefineOptionsfrom'unplugin-vue-define-options/vite'import{ compression }from'vite-plugin-compression2'import{ exampleMap }from'./exampleMap'constdynamicRoutes = exampleMap.map(name=>`/${name}`)exp...
如何从构建中排除vuetify和vue? 访问已构建的vue3/vite应用程序中的当前模块名称 如何将typescript添加到Vue 3和Vite工程中 linux中如何新建文件夹在哪 如何在C#中构建排除条件 从Angular 2中的构建中排除文件 如何从使用vue.config.js构建的webpack中排除包含模拟文件的目录? 如何git init特定的文件或文件夹,排除所...
// vite.config.jsplugins:[vue(),vuetify({autoImport:{ignore:['VAlert',// Component name'Ripple',// Directive name]}}),] Noteignorevalues are case-sensitive Style loading Customising variables // vite.config.jsplugins:[vue(),vuetify({styles:{configFile:'src/settings.scss'}}),] ...
写在开头 由于 vite这个构建工具被用在了vue3上门，而且它的构建思路我觉得优于webpack,底层也是使用了...