/
astro.config.ts
113 lines (110 loc) 路 2.7 KB
/
astro.config.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import { squooshImageService, defineConfig } from 'astro/config'
import rehypeExternalLinks from 'rehype-external-links'
import { browserslistToTargets } from 'lightningcss'
import svelteSvg from '@poppanator/sveltekit-svg'
import remarkSectionize from 'remark-sectionize'
import compress from '@playform/compress'
import { fileURLToPath } from 'node:url'
import browserslist from 'browserslist'
import sitemap from '@astrojs/sitemap'
import remarkMath from 'remark-math'
import svelte from '@astrojs/svelte'
import mdx from '@astrojs/mdx'
import path from 'node:path'
import JSON5 from 'json5'
import { remarkCopyCode } from './plugins/remark-copy-code'
import gruvboxLight from './themes/gruvbox-light.json?raw'
import { remarkHeadings } from './plugins/remark-headings'
import { remarkTypograf } from './plugins/remark-typograf'
import gruvboxDark from './themes/gruvbox-dark.json?raw'
import { remarkKatex } from './plugins/remark-katex'
let dirname = fileURLToPath(path.dirname(import.meta.url))
export default defineConfig({
vite: {
build: {
rollupOptions: {
onwarn: (warning, warn) => {
if (
warning.plugin === 'vite:reporter' &&
warning.message.includes('Icon.astro')
) {
return
}
warn(warning)
},
},
},
css: {
lightningcss: {
targets: browserslistToTargets(
browserslist(null, {
config: path.join(dirname, './.browserslistrc'),
}),
),
},
transformer: 'lightningcss',
},
plugins: [svelteSvg()],
},
markdown: {
rehypePlugins: [
[
rehypeExternalLinks,
{
rel: ['noopener', 'noreferrer'],
target: '_blank',
},
],
],
remarkPlugins: [
remarkSectionize,
remarkCopyCode,
remarkHeadings,
remarkTypograf,
remarkKatex,
remarkMath,
],
shikiConfig: {
themes: {
light: JSON5.parse(gruvboxLight),
dark: JSON5.parse(gruvboxDark),
},
},
},
integrations: [
compress({
Exclude: [
(file: string) => file.endsWith('.png') && !file.includes('hero.'),
],
Image: process.env.COMPRESS_IMAGES !== 'false',
JavaScript: true,
HTML: true,
SVG: true,
}),
sitemap(),
svelte(),
mdx(),
],
prefetch: {
defaultStrategy: 'viewport',
prefetchAll: true,
},
experimental: {
clientPrerender: true,
rewriting: false,
},
build: {
inlineStylesheets: 'always',
format: 'file',
},
image: {
service: squooshImageService(),
},
server: {
port: 8080,
host: true,
},
site: 'https://azat.io',
compressHTML: true,
srcDir: dirname,
})