ui: update resource loader

packages/ui-default/build/config/webpack.ts

@@ -190,9 +190,11 @@ export default function (env: { watch?: boolean, production?: boolean, measure?:
         automaticNameDelimiter: '-',
         cacheGroups: {
           style: {
-            test: /\.(css|styl|less|s[ac]ss)$/,
             priority: 99,
-            name: 'style',
+            name: 'theme',
+            type: 'css/mini-extract',
+            chunks: 'all',
+            enforce: true,
           },
           vendors: {
             test: /[\\/]node_modules[\\/].+\.([jt]sx?|json|yaml)$/,

packages/ui-default/build/main.ts

@@ -120,8 +120,8 @@ async function main() {
     if (fs.existsSync('public/polyfill.js')) {
       fs.copyFileSync('public/polyfill.js', `public/polyfill-${pkg.version}.js`);
     }
-    if (fs.existsSync('public/default.theme.css')) {
-      fs.copyFileSync('public/default.theme.css', `public/default-${pkg.version}.theme.css`);
+    if (fs.existsSync('public/theme.css')) {
+      fs.copyFileSync('public/theme.css', `public/theme-${pkg.version}.css`);
     }
     if (argv.options.production) {
       for (const f of ['echarts', 'graphviz', 'mermaid', 'mathjax']) {