|
|
@ -2,39 +2,34 @@ |
|
|
import { defineConfig } from 'vite' |
|
|
import { defineConfig } from 'vite' |
|
|
import vue from '@vitejs/plugin-vue' |
|
|
import vue from '@vitejs/plugin-vue' |
|
|
import { resolve } from 'path' |
|
|
import { resolve } from 'path' |
|
|
import { readdirSync, existsSync, mkdirSync, writeFileSync } from 'fs' |
|
|
|
|
|
|
|
|
import { readdirSync, writeFileSync } from 'fs' |
|
|
|
|
|
|
|
|
function setupMultiPage() { |
|
|
|
|
|
const pagesDir = './pages' |
|
|
|
|
|
|
|
|
function createHTMLFiles() { |
|
|
const viewsDir = './src/views/admin' |
|
|
const viewsDir = './src/views/admin' |
|
|
|
|
|
|
|
|
if (!existsSync(pagesDir)) { |
|
|
|
|
|
mkdirSync(pagesDir) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const vueFiles = readdirSync(viewsDir).filter(file => file.endsWith('.vue')) |
|
|
const vueFiles = readdirSync(viewsDir).filter(file => file.endsWith('.vue')) |
|
|
const input = {} |
|
|
const input = {} |
|
|
|
|
|
|
|
|
vueFiles.forEach(file => { |
|
|
vueFiles.forEach(file => { |
|
|
const pageName = file.replace('.vue', '') |
|
|
const pageName = file.replace('.vue', '') |
|
|
const htmlPath = `${pagesDir}/${pageName}.html` |
|
|
|
|
|
|
|
|
const htmlFileName = `${pageName}.html` |
|
|
|
|
|
|
|
|
|
|
|
// 在项目根目录创建 HTML 文件
|
|
|
const htmlContent = `<!DOCTYPE html>
|
|
|
const htmlContent = `<!DOCTYPE html>
|
|
|
<html lang="en"> |
|
|
|
|
|
|
|
|
<html lang="zh-CN"> |
|
|
<head> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta charset="UTF-8" /> |
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> |
|
|
|
|
|
|
|
|
<link rel="icon" type="image/svg+xml" href="./vite.svg" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title>${pageName}</title> |
|
|
<title>${pageName}</title> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
<div id="app"></div> |
|
|
<div id="app"></div> |
|
|
<script type="module" src="/src/main.js"></script> |
|
|
|
|
|
|
|
|
<script type="module" src="./src/main.js"></script> |
|
|
</body> |
|
|
</body> |
|
|
</html>` |
|
|
</html>` |
|
|
|
|
|
|
|
|
writeFileSync(htmlPath, htmlContent) |
|
|
|
|
|
input[pageName] = resolve(__dirname, htmlPath) |
|
|
|
|
|
|
|
|
writeFileSync(htmlFileName, htmlContent) |
|
|
|
|
|
input[pageName] = resolve(__dirname, htmlFileName) |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
return input |
|
|
return input |
|
|
@ -42,19 +37,25 @@ function setupMultiPage() { |
|
|
|
|
|
|
|
|
export default defineConfig({ |
|
|
export default defineConfig({ |
|
|
plugins: [vue()], |
|
|
plugins: [vue()], |
|
|
|
|
|
// 设置基础路径为相对路径
|
|
|
|
|
|
base: './', |
|
|
build: { |
|
|
build: { |
|
|
rollupOptions: { |
|
|
rollupOptions: { |
|
|
input: { |
|
|
input: { |
|
|
// 添加 index.html 作为默认页面
|
|
|
// 添加 index.html 作为默认页面
|
|
|
index: resolve(__dirname, 'index.html'), |
|
|
index: resolve(__dirname, 'index.html'), |
|
|
...setupMultiPage() |
|
|
|
|
|
|
|
|
...createHTMLFiles() |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
// 资源文件放在根目录（空字符串）
|
|
|
|
|
|
assetsDir: '', |
|
|
|
|
|
// 清理输出目录
|
|
|
|
|
|
emptyOutDir: true |
|
|
}, |
|
|
}, |
|
|
preview: { |
|
|
preview: { |
|
|
port: 4173, |
|
|
port: 4173, |
|
|
host: true, |
|
|
host: true, |
|
|
// 设置默认打开的页面
|
|
|
// 设置默认打开的页面
|
|
|
open: '/pages/landingList.html' |
|
|
|
|
|
|
|
|
open: '/landingList.html' |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
zhaoruhui
3 months ago