-
Notifications
You must be signed in to change notification settings - Fork 169
/
vite.config.js
65 lines (62 loc) · 1.53 KB
/
vite.config.js
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
import path from 'path'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue2'
import Components from 'unplugin-vue-components/vite'
import { VuetifyResolver } from 'unplugin-vue-components/resolvers'
import gql from 'vite-plugin-simple-gql'
const port = '8080'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue({
template: {
transformAssetUrls: {
// defaults
video: ['src', 'poster'],
source: ['src'],
img: ['src'],
image: ['xlink:href', 'href'],
use: ['xlink:href', 'href'],
// support for vuetify components
'v-img': ['src']
}
}
}),
Components({
resolvers: [VuetifyResolver()],
dts: './src/type-augmentations/unplugin-components.d.ts'
}),
gql()
],
server: {
host: '127.0.0.1',
port,
hmr: {
port
}
},
resolve: {
alias: {
// eslint-disable-next-line no-undef
'@': path.resolve(__dirname, './src'),
// redirects lodash to lodash-es in prod build, for a reduced & tree-shaked bundle
lodash: 'lodash-es'
},
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
},
css: {
// https://vitejs.dev/config/#css-preprocessoroptions
preprocessorOptions: {
sass: {
additionalData: [
// vuetify variable overrides
'@import "@/sass/variables.scss"',
''
].join('\n')
}
}
},
optimizeDeps: {
include: ['vuetify', 'vuetify/lib']
}
})