fix: 修复现代浏览器 polyfill 问题 (#147)

packages/fes-builder-vite/package.json

@@ -37,6 +37,7 @@
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-safe-parser": "^6.0.0",
     "rollup-plugin-visualizer": "^5.6.0",
+    "terser": "^5.14.2",
     "vite": "^3.0.4",
     "vite-plugin-html": "^3.2.0"
   },

packages/fes-builder-vite/src/commands/build/getBuildConfig.js

@@ -23,11 +23,13 @@ export default async (api) => {
         },
         plugins: [
             legacy({
+                modernPolyfills: true,
                 targets,
             }),
         ],
         build: {
             ...build,
+            minify: 'terser',
             terserOptions: build.terserOptions || api.config.terserOptions,
             target: build.target || 'es2015',
             outDir: build.outDir || api.config.outputPath || 'dist',

packages/fes-template-vite/src/pages/index.vue

@@ -14,7 +14,10 @@ export default {
         FButton,
     },
     setup() {
-        return {};
+        const a = 'aa'.replaceAll('a', 1);
+        return {
+            a,
+        };
     },
 };
 </script>

yarn.lock

@@ -10113,7 +10113,7 @@ terser-webpack-plugin@^5.1.3:
     serialize-javascript "^6.0.0"
     terser "^5.14.1"
 
-terser@^5.0.0, terser@^5.10.0, terser@^5.14.1:
+terser@^5.0.0, terser@^5.10.0, terser@^5.14.1, terser@^5.14.2:
   version "5.14.2"
   resolved "https://registry.npmmirror.com/terser/-/terser-5.14.2.tgz#9ac9f22b06994d736174f4091aa368db896f1c10"
   integrity sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==