108 lines
3.3 KiB
JavaScript
108 lines
3.3 KiB
JavaScript
import { viteLogo } from './src/core/config.js'
|
||
import fs from 'node:fs'
|
||
import * as path from 'path'
|
||
import { loadEnv } from 'vite'
|
||
import vuePlugin from '@vitejs/plugin-vue'
|
||
import vueDevTools from 'vite-plugin-vue-devtools'
|
||
import { svgBuilder } from 'vite-auto-import-svg'
|
||
import vueRootValidator from 'vite-check-multiple-dom'
|
||
import UnoCSS from '@unocss/vite'
|
||
|
||
const pathMapPlugin = () => ({
|
||
name: 'kra-vue-path-map',
|
||
buildStart() {
|
||
const roots = ['src/view', 'src/modules']
|
||
const result = {}
|
||
const walk = (directory) => {
|
||
if (!fs.existsSync(directory)) return
|
||
const entries = fs.readdirSync(directory, { withFileTypes: true })
|
||
.sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0)
|
||
for (const entry of entries) {
|
||
const filename = path.join(directory, entry.name)
|
||
if (entry.isDirectory()) {
|
||
walk(filename)
|
||
} else if (filename.endsWith('.vue')) {
|
||
const source = fs.readFileSync(filename, 'utf8')
|
||
const match = source.match(/defineOptions\s*\(\s*{[\s\S]*?name:\s*['"]([^'"]+)['"]/)
|
||
if (match) {
|
||
const relativePath = path.relative('src', filename).split(path.sep).join('/')
|
||
result[`/src/${relativePath}`] = match[1]
|
||
}
|
||
}
|
||
}
|
||
}
|
||
roots.forEach(walk)
|
||
fs.writeFileSync('src/pathInfo.json', `${JSON.stringify(result, null, 2)}\n`)
|
||
}
|
||
})
|
||
|
||
// @see https://cn.vitejs.dev/config/
|
||
export default ({ mode }) => {
|
||
const env = loadEnv(mode, process.cwd())
|
||
viteLogo(env)
|
||
|
||
const alias = {
|
||
'@': path.resolve(import.meta.dirname, './src'),
|
||
vue$: 'vue/dist/vue.runtime.esm-bundler.js'
|
||
}
|
||
|
||
const base = '/'
|
||
const root = './'
|
||
const outDir = 'dist'
|
||
|
||
const config = {
|
||
base: base, // 编译后js导入的资源路径
|
||
root: root, // index.html文件所在位置
|
||
publicDir: 'public', // 静态资源文件夹
|
||
resolve: {
|
||
alias
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
scss: {
|
||
api: 'modern-compiler' // or "modern"
|
||
}
|
||
}
|
||
},
|
||
server: {
|
||
// 如果使用docker-compose开发模式，设置为false
|
||
open: true,
|
||
port: Number(env.VITE_CLI_PORT),
|
||
proxy: {
|
||
// 把key的路径代理到target位置
|
||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||
[env.VITE_BASE_API]: {
|
||
// 需要代理的路径 例如 '/api'
|
||
target: `${env.VITE_BASE_PATH}:${env.VITE_SERVER_PORT}/`, // 代理到 目标路径
|
||
changeOrigin: true,
|
||
rewrite: (path) =>
|
||
path.replace(new RegExp('^' + env.VITE_BASE_API), '')
|
||
}
|
||
}
|
||
},
|
||
build: {
|
||
manifest: false, // 是否产出manifest.json
|
||
sourcemap: false, // 是否产出sourcemap.json
|
||
outDir: outDir, // 产出目录
|
||
target: 'es2015',
|
||
rolldownOptions: {
|
||
output: {
|
||
entryFileNames: 'assets/087AC4D233B64EB0[name].[hash].js',
|
||
chunkFileNames: 'assets/087AC4D233B64EB0[name].[hash].js',
|
||
assetFileNames: 'assets/087AC4D233B64EB0[name].[hash].[ext]'
|
||
}
|
||
}
|
||
},
|
||
plugins: [
|
||
env.VITE_POSITION === 'open' &&
|
||
vueDevTools({ launchEditor: env.VITE_EDITOR }),
|
||
vuePlugin(),
|
||
svgBuilder(['./src/modules/', './src/assets/icons/'], base, outDir, 'assets', mode),
|
||
pathMapPlugin(),
|
||
UnoCSS(),
|
||
vueRootValidator()
|
||
]
|
||
}
|
||
return config
|
||
}
|