fix: 修复css前缀无法应用问题(#482)

.browserslistrc

@@ -0,0 +1,5 @@
+Android 4.1
+IOS 7.1
+Chrome > 31
+ff > 31
+ie >= 11

package.json

@@ -44,6 +44,7 @@
     "element-plus": "2.7.4",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
+    "monaco-editor": "^0.49.0",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
@@ -56,8 +57,7 @@
     "vue-json-pretty": "^2.4.0",
     "vue-router": "^4.3.2",
     "vue-types": "^5.1.2",
-    "xgplayer": "^3.0.18",
-    "monaco-editor": "^0.49.0"
+    "xgplayer": "^3.0.18"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.3.0",

vite.config.ts

@@ -135,7 +135,8 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
           }
         }
       },
-      cssCodeSplit: !(env.VITE_USE_CSS_SPLIT === 'false')
+      cssCodeSplit: !(env.VITE_USE_CSS_SPLIT === 'false'),
+      cssTarget: ['chrome31']
     },
     server: {
       port: 4000,