coder-xiaomo/vite-plugin-cesium-next
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity GitHub Gitee

修复 Cesium 引入相对路径问题

Browse Source
This commit is contained in:
小墨
2025-06-12 03:14:51 +08:00
committed by 小墨
parent b1a756f9a4
commit 50b3f7d545
1 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/index.ts
View File

@@ -13,6 +13,7 @@ interface VitePluginCesiumOptions {
cesiumBuildRootPath?: string; cesiumBuildRootPath?: string;
cesiumBuildPath?: string; cesiumBuildPath?: string;
cesiumBaseUrl?: string; cesiumBaseUrl?: string;
viteBase?: string;
} }
export default function vitePluginCesium(options: VitePluginCesiumOptions = {}): Plugin { export default function vitePluginCesium(options: VitePluginCesiumOptions = {}): Plugin {
@@ -21,32 +22,49 @@ export default function vitePluginCesium(options: VitePluginCesiumOptions = {}):
devMinifyCesium = false, devMinifyCesium = false,
cesiumBuildRootPath = 'node_modules/cesium/Build', cesiumBuildRootPath = 'node_modules/cesium/Build',
cesiumBuildPath = 'node_modules/cesium/Build/Cesium/', cesiumBuildPath = 'node_modules/cesium/Build/Cesium/',
cesiumBaseUrl = 'cesium/' cesiumBaseUrl = 'cesium/',
viteBase = undefined,
} = options; } = options;
let CESIUM_BASE_URL = cesiumBaseUrl; const CESIUM_BASE_URL = cesiumBaseUrl.endsWith('/')
if (!CESIUM_BASE_URL.endsWith('/')) { ? cesiumBaseUrl
CESIUM_BASE_URL += '/'; : (cesiumBaseUrl + '/');
const globalVars: {
outDir: string,
base: string,
isBuild: boolean,
cesiumRelativeUrl: string,
} = {
outDir: 'dist',
base: '/',
isBuild: false,
cesiumRelativeUrl: '',
} }
let outDir = 'dist';
let base: string = '/';
let isBuild: boolean = false;
return { return {
name: 'vite-plugin-cesium', name: 'vite-plugin-cesium',
config(c, { command }) { config(c, { command }) {
isBuild = command === 'build'; // 项目中 vite.config.ts 配置的 base 路径
if (c.base !== undefined) { if (viteBase) {
base = c.base; globalVars.base = viteBase;
if (base === '') base = './'; } else if (c.base) {
globalVars.base = c.base;
} else {
globalVars.base = '/';
} }
// 是否是打包命令
globalVars.isBuild = command === 'build';
// 输出路径
if (c.build?.outDir) { if (c.build?.outDir) {
outDir = c.build.outDir; globalVars.outDir = c.build.outDir;
} }
CESIUM_BASE_URL = path.posix.join(base, CESIUM_BASE_URL); // 项目浏览器中运行时，Cesium 资源的相对路径
globalVars.cesiumRelativeUrl = path.posix.join(globalVars.base, CESIUM_BASE_URL);
const userConfig: UserConfig = {}; const userConfig: UserConfig = {};
if (!isBuild) { if (!globalVars.isBuild) {
// -----------dev----------- // -----------dev-----------
userConfig.define = { userConfig.define = {
CESIUM_BASE_URL: JSON.stringify(CESIUM_BASE_URL) CESIUM_BASE_URL: JSON.stringify(CESIUM_BASE_URL)
@@ -87,14 +105,14 @@ export default function vitePluginCesium(options: VitePluginCesiumOptions = {}):
}, },
async closeBundle() { async closeBundle() {
if (isBuild) { if (globalVars.isBuild) {
try { try {
await fs.copy(path.join(cesiumBuildPath, 'Assets'), path.join(outDir, CESIUM_BASE_URL, 'Assets')); await fs.copy(path.join(cesiumBuildPath, 'Assets'), path.join(globalVars.outDir, CESIUM_BASE_URL, 'Assets'));
await fs.copy(path.join(cesiumBuildPath, 'ThirdParty'), path.join(outDir, CESIUM_BASE_URL, 'ThirdParty')); await fs.copy(path.join(cesiumBuildPath, 'ThirdParty'), path.join(globalVars.outDir, CESIUM_BASE_URL, 'ThirdParty'));
await fs.copy(path.join(cesiumBuildPath, 'Workers'), path.join(outDir, CESIUM_BASE_URL, 'Workers')); await fs.copy(path.join(cesiumBuildPath, 'Workers'), path.join(globalVars.outDir, CESIUM_BASE_URL, 'Workers'));
await fs.copy(path.join(cesiumBuildPath, 'Widgets'), path.join(outDir, CESIUM_BASE_URL, 'Widgets')); await fs.copy(path.join(cesiumBuildPath, 'Widgets'), path.join(globalVars.outDir, CESIUM_BASE_URL, 'Widgets'));
if (!rebuildCesium) { if (!rebuildCesium) {
await fs.copy(path.join(cesiumBuildPath, 'Cesium.js'), path.join(outDir, CESIUM_BASE_URL, 'Cesium.js')); await fs.copy(path.join(cesiumBuildPath, 'Cesium.js'), path.join(globalVars.outDir, CESIUM_BASE_URL, 'Cesium.js'));
} }
} catch (err) { } catch (err) {
console.error('copy failed', err); console.error('copy failed', err);
@@ -108,15 +126,15 @@ export default function vitePluginCesium(options: VitePluginCesiumOptions = {}):
tag: 'link', tag: 'link',
attrs: { attrs: {
rel: 'stylesheet', rel: 'stylesheet',
href: normalizePath(path.join(CESIUM_BASE_URL, 'Widgets/widgets.css')), href: normalizePath(path.join(globalVars.cesiumRelativeUrl, 'Widgets/widgets.css')),
} }
} }
]; ];
if (isBuild && !rebuildCesium) { if (globalVars.isBuild && !rebuildCesium) {
tags.push({ tags.push({
tag: 'script', tag: 'script',
attrs: { attrs: {
src: normalizePath(path.join(CESIUM_BASE_URL, 'Cesium.js')), src: normalizePath(path.join(globalVars.cesiumRelativeUrl, 'Cesium.js')),
} }
}); });
} }