From 4e474e79d113fa1c8aba52ce7d64ba7b518e567a Mon Sep 17 00:00:00 2001
From: GuTianhuang <1450206741@qq.com>
Date: Fri, 10 Sep 2021 14:19:31 +0800
Subject: [PATCH] Update index.ts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hello @nshen，我今天用这个插件的时候发现了一个问题：

当我在 vite.config.js 中修改 base 后，在 dev 环境下提示找不到 widgets.css，打包后使用 vite preview 查看发现 cesium 的静态资源全都报了 404。我发现引入资源的路径有问题，于是我尝试改了下源码，我又新建了一个 react 和 原生 js 的项目来测试，目前的修改是可用的。
---
 src/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 6a19be5..9ed4ab0 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -21,7 +21,6 @@ function vitePluginCesium(
   const cesiumBuildPath = 'node_modules/cesium/Build/Cesium/';
   const CESIUM_BASE_URL = '/cesium/';
 
-  let publicPath = 'public';
   let outDir = 'dist';
   let base: string;
   let isBuild: boolean = false;
@@ -30,13 +29,14 @@ function vitePluginCesium(
     name: 'vite-plugin-cesium',
 
     config(_, { command }) {
+      const isBuild = command === 'build'
       const userConfig: UserConfig = {
         build: {
           assetsInlineLimit: 0,
           chunkSizeWarningLimit: 4000
         },
         define: {
-          CESIUM_BASE_URL: JSON.stringify(CESIUM_BASE_URL)
+          CESIUM_BASE_URL: JSON.stringify(isBuild ? base + CESIUM_BASE_URL : CESIUM_BASE_URL)
         }
       };
       if (command === 'build' && !rebuildCesium) {
@@ -102,7 +102,7 @@ function vitePluginCesium(
           tag: 'link',
           attrs: {
             rel: 'stylesheet',
-            href: base + 'cesium/Widgets/widgets.css'
+            href: isBuild ? base + 'cesium/Widgets/widgets.css' : CESIUM_BASE_URL + 'Widgets/widgets.css'
           }
         }
       ];