diff --git a/designer-demo/.env.alpha b/designer-demo/env/.env.alpha
similarity index 100%
rename from designer-demo/.env.alpha
rename to designer-demo/env/.env.alpha
diff --git a/designer-demo/.env.development b/designer-demo/env/.env.development
similarity index 100%
rename from designer-demo/.env.development
rename to designer-demo/env/.env.development
diff --git a/designer-demo/.env.production b/designer-demo/env/.env.production
similarity index 100%
rename from designer-demo/.env.production
rename to designer-demo/env/.env.production
diff --git a/designer-demo/registry.js b/designer-demo/registry.js
index 51d460149d..1d54f09a53 100644
--- a/designer-demo/registry.js
+++ b/designer-demo/registry.js
@@ -47,7 +47,9 @@ export default {
   config: {
     id: 'engine.config',
     theme: 'light',
-    material: [],
+    material: ['/mock/bundle.json'],
+    scripts: [],
+    styles: []
   },
   layout: { id: 'engine.layout' },
   toolbars: [
diff --git a/designer-demo/vite.config.js b/designer-demo/vite.config.js
index ebdd4e92c6..8eb8e1b2c4 100644
--- a/designer-demo/vite.config.js
+++ b/designer-demo/vite.config.js
@@ -3,8 +3,9 @@ import { defineConfig, mergeConfig, loadEnv } from 'vite'
 import { getDefaultConfig } from '@opentiny/tiny-engine-vite-config'
 
 export default defineConfig((options) => {
+  const envDir = path.resolve(process.cwd(), 'env')
   const extOptions = {
-    ...loadEnv(options.mode, process.cwd(), ''),
+    ...loadEnv(options.mode, envDir, 'VITE_'),
     iconDirs: [path.resolve(__dirname, './node_modules/@opentiny/tiny-engine/assets/')]
   }
   const defaultConfig = getDefaultConfig(options, extOptions)
@@ -64,6 +65,8 @@ export default defineConfig((options) => {
   }
 
   const config = {
+    envDir,
+    publicDir: path.resolve(__dirname, './public'),
     server: {
       port: 8090
     },
diff --git a/designer-demo/REGISTRY_README.md b/packages/entry/docs/registry.md
similarity index 100%
rename from designer-demo/REGISTRY_README.md
rename to packages/entry/docs/registry.md