hxx/vitesse
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Activity

refactor: use ~/ for alias and improve ssg

Browse Source
This commit is contained in:
Anthony Fu 2021-02-05 09:34:09 +08:00
parent 7074ca3704
commit 1799f56844
10 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,8 +7,6 @@
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
<meta name="msapplication-TileColor" content="#00aba9"> <meta name="msapplication-TileColor" content="#00aba9">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<meta name="description" content="Opinionated Vite Starter Template">
<title>Vitesse</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

2
package.json
View File

@ -2,7 +2,7 @@
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "vite --port 3333 --open", "dev": "vite --port 3333 --open",
"build": "cross-env NODE_ENV=production vite-ssg build --script async" "build": "cross-env NODE_ENV=production vite-ssg build"
}, },
"dependencies": { "dependencies": {
"@vueuse/core": "^4.0.12", "@vueuse/core": "^4.0.12",

14
src/App.vue
View File

@ -1,3 +1,17 @@
<script setup lang="ts">
import { useHead } from '@vueuse/head'
// https://github.com/vueuse/head
// you can use this to manipulate the document head in any components,
// they will be renedered correctly in the html results with vite-ssg
useHead({
title: 'Vitesse',
meta: [
{ name: 'description', content: 'Opinionated Vite Starter Template' },
],
})
</script>
<template> <template>
<main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200"> <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
<router-view /> <router-view />

2
src/components/Footer.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { isDark } from '/~/logics' import { isDark } from '~/logics'
const { t, availableLocales, locale } = useI18n() const { t, availableLocales, locale } = useI18n()

2
src/modules/README.md
View File

@ -3,7 +3,7 @@
A custom user module system. Place a `.ts` file with the following template, it will be installed automatically. A custom user module system. Place a `.ts` file with the following template, it will be installed automatically.
```ts ```ts
import { UserModule } from '/~/types' import { UserModule } from '~/types'
export const install: UserModule = ({ app, router, isClient }) => { export const install: UserModule = ({ app, router, isClient }) => {
// do something // do something

2
src/modules/i18n.ts
View File

@ -1,5 +1,5 @@
import { createI18n } from 'vue-i18n' import { createI18n } from 'vue-i18n'
import { UserModule } from '/~/types' import { UserModule } from '~/types'
// import i18n resources // import i18n resources
// https://vitejs.dev/guide/features.html#glob-import // https://vitejs.dev/guide/features.html#glob-import

2
src/modules/nprogress.ts
View File

@ -1,5 +1,5 @@
import NProgress from 'nprogress' import NProgress from 'nprogress'
import { UserModule } from '/~/types' import { UserModule } from '~/types'
export const install: UserModule = ({ isClient, router }) => { export const install: UserModule = ({ isClient, router }) => {
if (isClient) { if (isClient) {

4
src/pages/README.md
View File

@ -5,7 +5,7 @@ Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) f
### Path Aliasing ### Path Aliasing
`/~/` is aliased to `./src/` folder. `~/` is aliased to `./src/` folder.
For example, instead of having For example, instead of having
@ -16,5 +16,5 @@ import { isDark } from '../../../../logics'
now you can use now you can use
```ts ```ts
import { isDark } from '/~/logics' import { isDark } from '~/logics'
``` ```

2
tsconfig.json
View File

@ -15,7 +15,7 @@
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"types": ["vite/client"], "types": ["vite/client"],
"paths": { "paths": {
"/~/*": ["src/*"] "~/*": ["src/*"]
} }
}, },
"exclude": ["dist", "node_modules"] "exclude": ["dist", "node_modules"]

10
vite.config.ts
View File

@ -5,13 +5,13 @@ import Pages from 'vite-plugin-pages'
import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons' import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons'
import ViteComponents from 'vite-plugin-components' import ViteComponents from 'vite-plugin-components'
import Markdown from 'vite-plugin-md' import Markdown from 'vite-plugin-md'
import VitePWA from 'vite-plugin-pwa' import { VitePWA } from 'vite-plugin-pwa'
import VueI18n from '@intlify/vite-plugin-vue-i18n' import VueI18n from '@intlify/vite-plugin-vue-i18n'
import Prism from 'markdown-it-prism' import Prism from 'markdown-it-prism'
export default defineConfig({ export default defineConfig({
alias: { alias: {
'/~/': `${path.resolve(__dirname, 'src')}/`, '~/': `${path.resolve(__dirname, 'src')}/`,
}, },
plugins: [ plugins: [
Vue({ Vue({
@ -56,6 +56,7 @@ export default defineConfig({
// https://github.com/antfu/vite-plugin-pwa // https://github.com/antfu/vite-plugin-pwa
VitePWA({ VitePWA({
inlineRegister: false,
manifest: { manifest: {
name: 'Vitesse', name: 'Vitesse',
short_name: 'Vitesse', short_name: 'Vitesse',
@ -80,4 +81,9 @@ export default defineConfig({
include: [path.resolve(__dirname, 'locales/**')], include: [path.resolve(__dirname, 'locales/**')],
}), }),
], ],
// https://github.com/antfu/vite-ssg
ssgOptions: {
script: 'async',
formatting: 'minify',
},
}) })