-
Notifications
You must be signed in to change notification settings - Fork 16
/
vite.config.js
75 lines (73 loc) · 1.76 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
66
67
68
69
70
71
72
73
74
75
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import autoprefixer from 'autoprefixer'
import { createHtmlPlugin } from 'vite-plugin-html'
import path from 'path'
const config = ({ mode }) => {
const isProd = mode === 'production'
const envPrefix = 'APP_'
const { APP_TITLE = '' } = loadEnv(mode, process.cwd(), envPrefix)
return {
plugins: [
vue(),
createHtmlPlugin({
minify: isProd,
inject: {
data: {
title: APP_TITLE,
},
}
})
],
build: {
target: 'es2015',
outDir: path.resolve(__dirname, 'dist'),
assetsDir: 'assets',
assetsInlineLimit: 8192,
sourcemap: !isProd,
emptyOutDir: true,
rollupOptions: {
input: path.resolve(__dirname, 'index.html'),
output: {
chunkFileNames: 'js/[name].[hash].js',
entryFileNames: 'js/[name].[hash].js',
// assetFileNames: "assets/[name].[hash].[ext]",
}
}
},
envPrefix,
resolve: {
alias: [
{ find: /^@\//, replacement: `${path.resolve(__dirname, 'src')}/` },
{ find: /^~/, replacement: '' }
],
extensions: ['.js', '.mjs', '.vue', '.json', '.less', '.css']
},
css: {
postcss: {
plugins: [
autoprefixer
],
},
preprocessorOptions: {
less: {
javascriptEnabled: true,
additionalData: `@import "${path.resolve(__dirname, 'src/styles/variable.less')}";`
}
}
},
server: {
open: true,
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true
}
}
},
preview: {
port: 5000
}
}
}
export default defineConfig(config)