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

🚀 v1.2.6

Browse Source 
- fixed path error when set base in vite config
- fixed rebuildCesium option
- bump cesium to 1.85.0
- bump vite to 2.5.6
This commit is contained in:
nshen
2021-09-11 13:43:58 +08:00
parent 4e474e79d1
commit a69167c0b7
7 changed files with 60 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
demo/index.html
View File

@@ -1,16 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cesium-vite</title> <title>cesium-vite</title>
<script type="module" src="/src/index.js"></script> <script type="module" src="/src/index.js"></script>
</head> </head>
<body> <body>
<div id="cesiumContainer"></div> <div id="cesiumContainer"></div>
</body> </body>
</html>
</html>

9
demo/package.json
View File

@@ -4,11 +4,12 @@
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build" "build": "vite build",
"serve": "vite build && vite preview"
}, },
"devDependencies": { "devDependencies": {
"cesium": "^1.83.0", "cesium": "^1.85.0",
"vite": "^2.4.1", "vite": "^2.5.6",
"vite-plugin-cesium": "^1.2.5" "vite-plugin-cesium": "^1.2.6"
} }
} }

9
demo/src/index.js
View File

@@ -1,4 +1,11 @@
/**
* You can also import Cesium Object like this
*
* import * as Cesium from 'cesium';
* const viewer = new Cesium.Viewer('cesiumContainer');
*/
import { Viewer } from 'cesium'; import { Viewer } from 'cesium';
import "./css/main.css"; import './css/main.css';
const viewer = new Viewer('cesiumContainer'); const viewer = new Viewer('cesiumContainer');

3
demo/vite.config.js
View File

@@ -1,6 +1,5 @@
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import cesium from 'vite-plugin-cesium'; import cesium from 'vite-plugin-cesium';
export default defineConfig({ export default defineConfig({
plugins: [cesium()], plugins: [cesium()]
}); });

7
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "vite-plugin-cesium", "name": "vite-plugin-cesium",
"version": "1.2.5", "version": "1.2.6",
"description": "Cesium library plugin for Vite", "description": "Cesium library plugin for Vite",
"main": "dist/index.js", "main": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",
@@ -37,10 +37,9 @@
"@types/serve-static": "^1.13.9", "@types/serve-static": "^1.13.9",
"prettier": "^2.2.1", "prettier": "^2.2.1",
"typescript": "^4.2.2", "typescript": "^4.2.2",
"vite": "^2.4.1" "vite": "^2.5.6"
}, },
"peerDependencies": { "peerDependencies": {
"cesium": "^1.83.0", "cesium": "^1.85.0"
"vite": "^2.4.1"
} }
} }

51
src/index.ts
View File

@@ -1,10 +1,13 @@
import path from 'path';
import { Plugin, UserConfig, HtmlTagDescriptor } from 'vite';
import fs from 'fs-extra'; import fs from 'fs-extra';
import path from 'path';
import externalGlobals from 'rollup-plugin-external-globals'; import externalGlobals from 'rollup-plugin-external-globals';
import serveStatic from 'serve-static'; import serveStatic from 'serve-static';
import { HtmlTagDescriptor, Plugin, UserConfig } from 'vite';
interface VitePluginCesiumOptions { interface VitePluginCesiumOptions {
/**
* rebuild cesium library, default: false
*/
rebuildCesium?: boolean; rebuildCesium?: boolean;
devMinifyCesium?: boolean; devMinifyCesium?: boolean;
} }
@@ -19,42 +22,53 @@ function vitePluginCesium(
const cesiumBuildRootPath = 'node_modules/cesium/Build'; const cesiumBuildRootPath = 'node_modules/cesium/Build';
const cesiumBuildPath = 'node_modules/cesium/Build/Cesium/'; const cesiumBuildPath = 'node_modules/cesium/Build/Cesium/';
const CESIUM_BASE_URL = '/cesium/';
let CESIUM_BASE_URL = '/cesium/';
let outDir = 'dist'; let outDir = 'dist';
let base: string; let base: string = '/';
let isBuild: boolean = false; let isBuild: boolean = false;
return { return {
name: 'vite-plugin-cesium', name: 'vite-plugin-cesium',
config(_, { command }) { config(c, { command }) {
const isBuild = command === 'build' isBuild = command === 'build';
if (c.build?.outDir) outDir = c.build.outDir;
if (c.base) {
base = c.base;
}
if (isBuild) CESIUM_BASE_URL = path.join(base, CESIUM_BASE_URL);
const userConfig: UserConfig = { const userConfig: UserConfig = {
build: { build: {
assetsInlineLimit: 0, assetsInlineLimit: 0,
chunkSizeWarningLimit: 4000 chunkSizeWarningLimit: 4000
}, },
define: { define: {
CESIUM_BASE_URL: JSON.stringify(isBuild ? base + CESIUM_BASE_URL : CESIUM_BASE_URL) CESIUM_BASE_URL: JSON.stringify(CESIUM_BASE_URL)
} }
}; };
if (command === 'build' && !rebuildCesium) { if (isBuild && !rebuildCesium) {
userConfig.build!.rollupOptions = { userConfig.build!.rollupOptions = {
external: ['cesium'], external: ['cesium'],
plugins: [externalGlobals({ cesium: 'Cesium' })] plugins: [externalGlobals({ cesium: 'Cesium' })]
}; };
} }
return userConfig; return userConfig;
}, },
configResolved(resolvedConfig) { async load(id: string) {
publicPath = resolvedConfig.publicDir; if (!rebuildCesium) return null;
outDir = resolvedConfig.build.outDir; // replace CESIUM_BASE_URL variable in 'cesium/Source/Core/buildModuleUrl.js'
base = resolvedConfig.base; if (id.includes('buildModuleUrl')) {
isBuild = let file = fs.readFileSync(id, { encoding: 'utf8' });
resolvedConfig.isProduction || resolvedConfig.command === 'build'; file = file.replace(
/CESIUM_BASE_URL/g,
JSON.stringify(CESIUM_BASE_URL)
);
return file;
}
return null;
}, },
configureServer({ middlewares }) { configureServer({ middlewares }) {
@@ -102,12 +116,15 @@ function vitePluginCesium(
tag: 'link', tag: 'link',
attrs: { attrs: {
rel: 'stylesheet', rel: 'stylesheet',
href: isBuild ? base + 'cesium/Widgets/widgets.css' : CESIUM_BASE_URL + 'Widgets/widgets.css' href: path.join(CESIUM_BASE_URL, 'Widgets/widgets.css')
} }
} }
]; ];
if (isBuild && !rebuildCesium) { if (isBuild && !rebuildCesium) {
tags.push({ tag: 'script', attrs: { src: base + 'cesium/Cesium.js' } }); tags.push({
tag: 'script',
attrs: { src: path.join(base, 'cesium/Cesium.js') }
});
} }
return tags; return tags;
} }

2
tsconfig.json
View File

@@ -6,6 +6,6 @@
"compilerOptions": { "compilerOptions": {
"outDir": "dist", "outDir": "dist",
"declaration": true, "declaration": true,
"removeComments": true "removeComments": false,
}, },
} }