site: fix site in IE9, ref: #5526

package.json

@@ -96,6 +96,7 @@
     "bisheng-plugin-toc": "^0.4.0",
     "color-standalone": "^0.11.6",
     "cross-env": "^3.1.4",
+    "css-split-webpack-plugin": "^0.2.3",
     "dekko": "^0.2.0",
     "dora-plugin-upload": "^0.3.1",
     "enquire.js": "^2.1.1",
@@ -156,9 +157,7 @@
     "compile": "antd-tools run compile",
     "tsc": "tsc",
     "start": "bisheng start -c ./site/bisheng.config.js --no-livereload",
-    "site": "npm run site:babel && bisheng build --ssr -c ./site/bisheng.config.js && npm run site:clean",
-    "site:babel": "babel ./site/theme/template --out-dir ./site/theme/template",
-    "site:clean": "rimraf site/theme/template/**/*.js site/theme/template/*.js",
+    "site": "bisheng build --ssr -c ./site/bisheng.config.js",
     "deploy": "antd-tools run clean && npm run site && bisheng gh-pages --push-only",
     "pub": "antd-tools run pub",
     "prepublish": "antd-tools run guard",

site/bisheng.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
 
 module.exports = {
   port: 8001,
@@ -67,6 +68,8 @@ module.exports = {
       },
     ]);
 
+    config.plugins.push(new CSSSplitWebpackPlugin({ size: 4000 }));
+
     return config;
   },
 };

site/theme/static/template.html

@@ -61,7 +61,8 @@
     </script>
     <link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.cnpmjs.org/css?family=Lato:400,700|Raleway"/>
-    <link rel="stylesheet" type="text/css" href="{{ root }}index.css"/>
+    <link rel="stylesheet" type="text/css" href="{{ root }}index-1.css"/>
+    <link rel="stylesheet" type="text/css" href="{{ root }}index-2.css"/>
     <style id="nprogress-style">
       #nprogress { display: none }
     </style>