diff --git a/web-react/.env b/web-react/.env
new file mode 100644
index 0000000..4f79a0f
--- /dev/null
+++ b/web-react/.env
@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false
\ No newline at end of file
diff --git a/web-react/src/assets/style/dark/extend.less b/web-react/src/assets/style/dark/extend.less
index 9bdd94f..7f3c2c9 100644
--- a/web-react/src/assets/style/dark/extend.less
+++ b/web-react/src/assets/style/dark/extend.less
@@ -4,3 +4,8 @@
 body {
   line-height: 1.42857143;
 }
+#root {
+  transition: @animation-duration-slow opacity;
+
+  opacity: 1 !important;
+}
diff --git a/web-react/src/assets/style/default/extend.less b/web-react/src/assets/style/default/extend.less
index 07ee081..4b038cc 100644
--- a/web-react/src/assets/style/default/extend.less
+++ b/web-react/src/assets/style/default/extend.less
@@ -4,3 +4,8 @@
 body {
   line-height: 1.42857143;
 }
+#root {
+  transition: @animation-duration-slow opacity;
+
+  opacity: 1 !important;
+}
diff --git a/web-react/src/index.js b/web-react/src/index.js
index f63c526..3d85d46 100644
--- a/web-react/src/index.js
+++ b/web-react/src/index.js
@@ -15,15 +15,18 @@ const SETTING = JSON.parse(window.localStorage.getItem(SETTING_KEY)) || {
 };
 
 if (SETTING.theme === 'dark') {
-  require('./assets/style/dark/index.less')
+  import('./assets/style/dark/index.less')
 } else {
-  require('./assets/style/default/index.less')
+  import('./assets/style/default/index.less')
 }
 
 moment.locale('zh-cn')
 
 //<React.StrictMode></React.StrictMode>
 
+const root = document.getElementById('root')
+root.style.opacity = 0
+
 ReactDOM.render(
   <ConfigProvider
     locale={zhCN}
@@ -38,7 +41,7 @@ ReactDOM.render(
   >
     <Router />
   </ConfigProvider>,
-  document.getElementById('root')
+  root
 );
 
 // If you want to start measuring performance in your app, pass a function