From 3c7edefc622046d012701c86efbc87a5acb805c9 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Fri, 23 Dec 2022 03:55:47 +0000
Subject: [PATCH 01/19] feat: use swc with webpack

---
 packages/fes-builder-webpack/package.json     |   3 +
 packages/fes-builder-webpack/src/index.js     |   1 +
 .../plugins/commands/webpackConfig/index.js   | 164 +++++++++++++-----
 .../commands/webpackConfig/swcOptions.js      |  20 +++
 .../src/plugins/features/swcLoader.js         |  10 ++
 packages/fes-template/.fes.js                 |  58 +++----
 packages/fes-template/.gitignore              |   3 +
 packages/fes-template/src/{app.js => app.jsx} |   0
 packages/fes-template/src/pages/@id/add.vue   |  16 ++
 yarn.lock                                     |  76 ++++++++
 10 files changed, 283 insertions(+), 68 deletions(-)
 create mode 100644 packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
 create mode 100644 packages/fes-builder-webpack/src/plugins/features/swcLoader.js
 rename packages/fes-template/src/{app.js => app.jsx} (100%)

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 8dc135b4..5f9aec0d 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,6 +35,7 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
+    "@swc/core": "^1.3.24",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",
@@ -55,6 +56,8 @@
     "postcss-loader": "^4.2.0",
     "postcss-safe-parser": "^6.0.0",
     "style-loader": "^2.0.0",
+    "swc-loader": "^0.2.3",
+    "swc-plugin-vue-jsx": "^0.2.0",
     "vue-loader": "^16.1.2",
     "webpack": "^5.69.0",
     "webpack-bundle-analyzer": "^4.4.0",
diff --git a/packages/fes-builder-webpack/src/index.js b/packages/fes-builder-webpack/src/index.js
index e9e1b703..d4455dcc 100644
--- a/packages/fes-builder-webpack/src/index.js
+++ b/packages/fes-builder-webpack/src/index.js
@@ -24,6 +24,7 @@ export default function () {
             require.resolve('./plugins/features/postcssLoader'),
             require.resolve('./plugins/features/nodeModulesTransform'),
             require.resolve('./plugins/features/vueLoader'),
+            require.resolve('./plugins/features/swcLoader'),
 
             // commands
             require.resolve('./plugins/commands/build'),
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 6f552241..09fae9b7 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -8,6 +8,7 @@ import createVueWebpackConfig from './vue';
 import createDefineWebpackConfig from './define';
 import createMinimizerWebpackConfig from './minimizer';
 import createHtmlWebpackConfig from './html';
+import { buildSwcOptions } from './swcOptions';
 
 const DEFAULT_EXCLUDE_NODE_MODULES = [
     'vue',
@@ -52,6 +53,7 @@ function handleAlias({ api, webpackConfig }) {
 export default async function getConfig({ api, cwd, config, env, entry = {}, modifyBabelOpts, modifyBabelPresetOpts, chainWebpack, headScripts, publicPath }) {
     const isDev = env === 'development';
     const isProd = env === 'production';
+    const useSwc = !!config.swcLoader;
     const webpackConfig = new Config();
     const absoluteOutput = join(cwd, config.outputPath || 'dist');
 
@@ -112,13 +114,6 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         .type('asset/source');
 
     const { targets, browserslist } = api.utils.getTargetsAndBrowsersList({ config });
-    const babelOpts = await getBabelOpts({
-        cwd,
-        config,
-        modifyBabelOpts,
-        modifyBabelPresetOpts,
-        targets,
-    });
 
     // --------------- js -----------
     // https://webpack.docschina.org/configuration/module/#resolve-fully-specified
@@ -127,43 +122,133 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         .test(/\.m?jsx?$/)
         .resolve.set('fullySpecified', false);
 
-    webpackConfig.module
-        .rule('js')
-        .test(/\.(js|mjs|jsx|ts|tsx)$/)
-        .exclude.add((filepath) => {
-            // always transpile js in vue files
-            if (/(\.vue|\.jsx)$/.test(filepath)) {
-                return false;
-            }
-            // Don't transpile node_modules
-            return /node_modules/.test(filepath);
-        })
-        .end()
-        .use('babel-loader')
-        .loader(require.resolve('babel-loader'))
-        .options(babelOpts);
-
-    // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
-    if (isProd) {
-        const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
+    if (useSwc) {
         webpackConfig.module
-            .rule('js-in-node_modules')
+            .rule('js')
             .test(/\.(js|mjs)$/)
-            .include.add(/node_modules/)
-            .end()
             .exclude.add((filepath) => {
-                if (transpileDepRegex && transpileDepRegex.test(filepath)) {
-                    return true;
+                // always transpile js in vue files
+                if (/(\.vue|\.jsx)$/.test(filepath)) {
+                    return false;
                 }
+                // Don't transpile node_modules
+                return /node_modules/.test(filepath);
+            })
+            .end()
+            .use('swc-loader')
+            .loader(require.resolve('swc-loader'))
+            .options(buildSwcOptions(browserslist, config, false, false));
+        webpackConfig.module
+            .rule('jsx')
+            .test(/\.jsx$/)
+            .exclude.add((filepath) => {
+                // always transpile js in vue files
+                if (/(\.vue|\.jsx)$/.test(filepath)) {
+                    return false;
+                }
+                // Don't transpile node_modules
+                return /node_modules/.test(filepath);
+            })
+            .end()
+            .use('swc-loader')
+            .loader(require.resolve('swc-loader'))
+            .options(buildSwcOptions(browserslist, config, true, false));
 
-                return false;
+        webpackConfig.module
+            .rule('ts')
+            .test(/\.ts$/)
+            .exclude.add((filepath) => {
+                // always transpile js in vue files
+                if (/(\.vue|\.tsx)$/.test(filepath)) {
+                    return false;
+                }
+                // Don't transpile node_modules
+                return /node_modules/.test(filepath);
+            })
+            .end()
+            .use('swc-loader')
+            .loader(require.resolve('swc-loader'))
+            .options(buildSwcOptions(browserslist, config, false, true));
+        webpackConfig.module
+            .rule('tsx')
+            .test(/\.tsx$/)
+            .exclude.add((filepath) => {
+                // always transpile js in vue files
+                if (/(\.vue|\.tsx)$/.test(filepath)) {
+                    return false;
+                }
+                // Don't transpile node_modules
+                return /node_modules/.test(filepath);
+            })
+            .end()
+            .use('swc-loader')
+            .loader(require.resolve('swc-loader'))
+            .options(buildSwcOptions(browserslist, config, true, true));
+        // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
+        if (isProd) {
+            const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
+            webpackConfig.module
+                .rule('js-in-node_modules')
+                .test(/\.(js|mjs)$/)
+                .include.add(/node_modules/)
+                .end()
+                .exclude.add((filepath) => {
+                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
+                        return true;
+                    }
+
+                    return false;
+                })
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(browserslist, config, false, false));
+        }
+    } else {
+        const babelOpts = await getBabelOpts({
+            cwd,
+            config,
+            modifyBabelOpts,
+            modifyBabelPresetOpts,
+            targets,
+        });
+        webpackConfig.module
+            .rule('js')
+            .test(/\.(js|mjs|jsx|ts|tsx)$/)
+            .exclude.add((filepath) => {
+                // always transpile js in vue files
+                if (/(\.vue|\.jsx)$/.test(filepath)) {
+                    return false;
+                }
+                // Don't transpile node_modules
+                return /node_modules/.test(filepath);
             })
             .end()
             .use('babel-loader')
             .loader(require.resolve('babel-loader'))
             .options(babelOpts);
-    }
 
+        // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
+        if (isProd) {
+            const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
+            webpackConfig.module
+                .rule('js-in-node_modules')
+                .test(/\.(js|mjs)$/)
+                .include.add(/node_modules/)
+                .end()
+                .exclude.add((filepath) => {
+                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
+                        return true;
+                    }
+
+                    return false;
+                })
+                .end()
+                .use('babel-loader')
+                .loader(require.resolve('babel-loader'))
+                .options(babelOpts);
+        }
+    }
     // --------------- css -----------
     const createCSSRule = createCssWebpackConfig({
         isDev,
@@ -257,12 +342,13 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
     }
 
     // --------------- 压缩 -----------
-    createMinimizerWebpackConfig({
-        isProd,
-        config,
-        webpackConfig,
-    });
-
+    if (!useSwc) {
+        createMinimizerWebpackConfig({
+            isProd,
+            config,
+            webpackConfig,
+        });
+    }
     // --------------- chainwebpack -----------
     if (chainWebpack) {
         await chainWebpack(webpackConfig, {
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
new file mode 100644
index 00000000..fcdd8245
--- /dev/null
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -0,0 +1,20 @@
+export function buildSwcOptions(browserslist, config, isJsx, isTs) {
+    return {
+        env: {
+            targets: browserslist,
+            mode: 'entry',
+            coreJs: '3',
+        },
+        jsc: {
+            parser: {
+                syntax: isTs ? 'typescript' : 'ecmascript',
+                jsx: isJsx,
+            },
+            experimental: {
+                plugins: [['swc-plugin-vue-jsx', {}]],
+            },
+        },
+        minify: true,
+        ...config.swcLoader,
+    };
+}
diff --git a/packages/fes-builder-webpack/src/plugins/features/swcLoader.js b/packages/fes-builder-webpack/src/plugins/features/swcLoader.js
new file mode 100644
index 00000000..99f57eca
--- /dev/null
+++ b/packages/fes-builder-webpack/src/plugins/features/swcLoader.js
@@ -0,0 +1,10 @@
+export default (api) => {
+    api.describe({
+        key: 'swcLoader',
+        config: {
+            schema(joi) {
+                return joi.object().description('more swc options see https://github.com/swc-project/swc-loader');
+            },
+        },
+    });
+};
diff --git a/packages/fes-template/.fes.js b/packages/fes-template/.fes.js
index d457db32..91e89578 100644
--- a/packages/fes-template/.fes.js
+++ b/packages/fes-template/.fes.js
@@ -1,31 +1,33 @@
-import { defineBuildConfig } from '@fesjs/fes'
+import { defineBuildConfig } from '@fesjs/fes';
+
 export default defineBuildConfig({
+    swcLoader: {},
     define: {
-        __DEV__: false
+        __DEV__: false,
     },
     html: {
-        title: '海贼王'
+        title: '海贼王',
     },
     router: {
-        mode: 'hash'
+        mode: 'hash',
     },
     watermark: {
-        disabled: false
+        disabled: false,
     },
     access: {
         roles: {
             admin: ['*'],
-            menuTest: ['/', '/menuTest']
-        }
+            menuTest: ['/', '/menuTest'],
+        },
     },
     mock: {
-        prefix: '/v2'
+        prefix: '/v2',
     },
     proxy: {
         '/v2': {
             target: 'https://api.douban.com/',
-            changeOrigin: true
-        }
+            changeOrigin: true,
+        },
     },
     layout: {
         title: 'Fes.js',
@@ -37,60 +39,58 @@ export default defineBuildConfig({
             {
                 name: 'index',
                 icon: '/wine-outline.svg',
-                match: ['/route/*']
+                match: ['/route/*'],
             },
             {
-                name: 'store'
+                name: 'store',
             },
             {
                 name: 'editor',
-                icon: '/wine-outline.svg'
+                icon: '/wine-outline.svg',
             },
             {
                 title: '$externalLink',
                 icon: 'UserOutlined',
-                path: 'https://www.baidu.com'
+                path: 'https://www.baidu.com',
             },
             {
-                name: 'mock'
+                name: 'mock',
             },
             {
                 title: '菜单权限测试',
                 children: [
                     {
                         title: '子菜单',
-                        path: '/menuTest'
+                        path: '/menuTest',
                     },
-                ]
+                ],
             },
             {
-                name: 'cssModule'
+                name: 'cssModule',
             },
             {
-                name: 'pinia'
+                name: 'pinia',
             },
         ],
         menuProps: {
-            defaultExpandAll: false
-        }
+            defaultExpandAll: false,
+        },
     },
     devServer: {
-        port: 8080
+        port: 8080,
     },
     enums: {
         status: [
             ['0', '无效的'],
-            ['1', '有效的']
-        ]
+            ['1', '有效的'],
+        ],
     },
     vuex: {
-        strict: true
+        strict: true,
     },
     dynamicImport: true,
     monacoEditor: {
-        languages: ['javascript', 'typescript', 'html', 'json']
+        languages: ['javascript', 'typescript', 'html', 'json'],
     },
-    presets: [
-        require.resolve('../fes-builder-webpack/lib'),
-    ]
+    presets: [require.resolve('../fes-builder-webpack/lib')],
 });
diff --git a/packages/fes-template/.gitignore b/packages/fes-template/.gitignore
index df903b98..59cb1b8e 100644
--- a/packages/fes-template/.gitignore
+++ b/packages/fes-template/.gitignore
@@ -9,3 +9,6 @@
 /src/.fes-production
 /src/.fes-test
 /.env.local
+
+# swc wasm cache
+/.swc
\ No newline at end of file
diff --git a/packages/fes-template/src/app.js b/packages/fes-template/src/app.jsx
similarity index 100%
rename from packages/fes-template/src/app.js
rename to packages/fes-template/src/app.jsx
diff --git a/packages/fes-template/src/pages/@id/add.vue b/packages/fes-template/src/pages/@id/add.vue
index e69de29b..662b7a4a 100644
--- a/packages/fes-template/src/pages/@id/add.vue
+++ b/packages/fes-template/src/pages/@id/add.vue
@@ -0,0 +1,16 @@
+<template>
+    <div></div>
+</template>
+<script lang="ts">
+import { defineComponent, onMounted } from 'vue';
+
+export default defineComponent({
+    setup() {
+        onMounted(() => {
+            // i++++i;
+            console.log('mounted');
+        });
+        return {};
+    },
+});
+</script>
diff --git a/yarn.lock b/yarn.lock
index 8feaf7ea..187d84f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2217,6 +2217,72 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
+"@swc/core-darwin-arm64@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.24.tgz#d41fc574cb5049def9001903680fdd924f065052"
+  integrity sha512-rR+9UpWm+fGXcipsjCst2hIL1GYIbo0YTLhJZWdIpQD6KRHHJMFXiydMgQQkDj2Ml7HpqUVgxj6m4ZWYL8b0OA==
+
+"@swc/core-darwin-x64@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.24.tgz#0f7a3960b91cbd7f95f25542b29d0e08bde4f59d"
+  integrity sha512-px+5vkGtgPH0m3FkkTBHynlRdS5rRz+lK+wiXIuBZFJSySWFl6RkKbvwkD+sf0MpazQlqwlv/rTOGJBw6oDffg==
+
+"@swc/core-linux-arm-gnueabihf@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.24.tgz#a0fdd97b8341806b57290217830a5d1ab7d0b193"
+  integrity sha512-jLs8ZOdTV4UW4J12E143QJ4mOMONQtqgAnuhBbRuWFzQ3ny1dfoC3P1jNWAJ2Xi59XdxAIXn0PggPNH4Kh34kw==
+
+"@swc/core-linux-arm64-gnu@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.24.tgz#0536d03e12dd471ebafc180599488404aebb65cf"
+  integrity sha512-A/v0h70BekrwGpp1DlzIFGcHQ3QQ2PexXcnnuIBZeMc9gNmHlcZmg3EcwAnaUDiokhNuSUFA/wV94yk1OqmSkw==
+
+"@swc/core-linux-arm64-musl@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.24.tgz#54f46ffea1bf6ffcbe7c62037efaefdfb5115214"
+  integrity sha512-pbc9eArWPTiMrbpS/pJo0IiQNAKAQBcBIDjWBGP1tcw2iDXYLw4bruwz9kI/VjakbshWb8MoE4T5ClkeuULvSw==
+
+"@swc/core-linux-x64-gnu@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.24.tgz#c2b5cef83f8afd2a57d0eafbac083562d50cd0e6"
+  integrity sha512-pP5pOLlY1xd352qo7rTlpVPUI9/9VhOd4b3Lk+LzfZDq9bTL2NDlGfyrPiwa5DGHMSzrugH56K2J68eutkxYVA==
+
+"@swc/core-linux-x64-musl@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.24.tgz#3459d01f9bf745568a4196c1993987f3d4a98303"
+  integrity sha512-phNbP7zGp+Wcyxq1Qxlpe5KkxO7WLT2kVQUC7aDFGlVdCr+xdXsfH1MzheHtnr0kqTVQX1aiM8XXXHfFxR0oNA==
+
+"@swc/core-win32-arm64-msvc@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.24.tgz#85a18c844c00d66bf46db99d9c98e9550b4d28f5"
+  integrity sha512-qhbiJTWAOqyR+K9xnGmCkOWSz2EmWpDBstEJCEOTc6FZiEdbiTscDmqTcMbCKaTHGu8t+6erVA4t65/Eg6uWPA==
+
+"@swc/core-win32-ia32-msvc@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.24.tgz#18318199ba06cab4ead8f6122b9f30b3f452b1e7"
+  integrity sha512-JfghIlscE4Rz+Lc08lSoDh+R0cWxrISed5biogFfE6vZqhaDnw3E5Qshqw7O3pIaiq8L2u1nmzuyP581ZmpbRA==
+
+"@swc/core-win32-x64-msvc@1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.24.tgz#b53746787e5af021787134d393fd67b0431f90d9"
+  integrity sha512-3AmJRr0hwciwDBbzUNqaftvppzS8v9X/iv/Wl7YaVLBVpPfQvaZzfqLycvNMGLZb5vIKXR/u58txg3dRBGsJtw==
+
+"@swc/core@^1.3.24":
+  version "1.3.24"
+  resolved "https://registry.npmmirror.com/@swc/core/-/core-1.3.24.tgz#ef6b30267c1bbd48af62cbc91370fe9b3f5d6a23"
+  integrity sha512-QMOTd0AgiUT3K1crxLRqd3gw0f3FC8hhH1vvlIlryvYqU4c+FJ/T2G4ZhMKLxQlZ/jX6Rhk0gKINZRBxy2GFyQ==
+  optionalDependencies:
+    "@swc/core-darwin-arm64" "1.3.24"
+    "@swc/core-darwin-x64" "1.3.24"
+    "@swc/core-linux-arm-gnueabihf" "1.3.24"
+    "@swc/core-linux-arm64-gnu" "1.3.24"
+    "@swc/core-linux-arm64-musl" "1.3.24"
+    "@swc/core-linux-x64-gnu" "1.3.24"
+    "@swc/core-linux-x64-musl" "1.3.24"
+    "@swc/core-win32-arm64-msvc" "1.3.24"
+    "@swc/core-win32-ia32-msvc" "1.3.24"
+    "@swc/core-win32-x64-msvc" "1.3.24"
+
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.npmmirror.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
@@ -10527,6 +10593,16 @@ svgo@^2.3.1, svgo@^2.7.0:
     picocolors "^1.0.0"
     stable "^0.1.8"
 
+swc-loader@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.npmmirror.com/swc-loader/-/swc-loader-0.2.3.tgz#6792f1c2e4c9ae9bf9b933b3e010210e270c186d"
+  integrity sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A==
+
+swc-plugin-vue-jsx@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmmirror.com/swc-plugin-vue-jsx/-/swc-plugin-vue-jsx-0.2.0.tgz#22cd06409aac9a81070f84812a0e0e9bf4acd01b"
+  integrity sha512-2atLA8DXUtCHZqpc/0wCDIhx2LXJ9ZV7IMDlEG+eWVb0p5u/5jff8iEf+Mv7RumSM2cPrb3FTszbDDGSCNXoqQ==
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"

From a9c8469b9592b4bff9639488b50d01ffd2e09278 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Tue, 27 Dec 2022 03:10:14 +0000
Subject: [PATCH 02/19] feat: swc/css

---
 packages/fes-builder-webpack/package.json                | 6 ++----
 .../src/plugins/commands/webpackConfig/css.js            | 3 ++-
 .../src/plugins/commands/webpackConfig/swcOptions.js     | 9 +++++----
 packages/fes-template/package.json                       | 2 ++
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 5f9aec0d..fcfcb097 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,7 +35,6 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
-    "@swc/core": "^1.3.24",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",
@@ -45,7 +44,8 @@
     "connect-history-api-fallback": "^1.6.0",
     "copy-webpack-plugin": "^7.0.0",
     "css-loader": "^5.0.1",
-    "css-minimizer-webpack-plugin": "^3.0.0",
+    "css-minimizer-webpack-plugin": "^4.0.0",
+    "swc-loader": "^0.2.3",
     "html-webpack-plugin": "^5.0.0",
     "html-webpack-tags-plugin": "^3.0.0",
     "less": "3.9.0",
@@ -56,8 +56,6 @@
     "postcss-loader": "^4.2.0",
     "postcss-safe-parser": "^6.0.0",
     "style-loader": "^2.0.0",
-    "swc-loader": "^0.2.3",
-    "swc-plugin-vue-jsx": "^0.2.0",
     "vue-loader": "^16.1.2",
     "webpack": "^5.69.0",
     "webpack-bundle-analyzer": "^4.4.0",
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
index 5fad5ec9..1f0a3504 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
@@ -10,6 +10,7 @@
 // 根据 entry 将文件输出到不同的文件夹
 
 import { deepmerge } from '@fesjs/utils';
+import { CssMinimizerPlugin } from 'css-minimizer-webpack-plugin';
 
 function createRules({ isDev, webpackConfig, config, lang, test, loader, options, browserslist, styleLoaderOption }) {
     function applyLoaders(rule, cssLoaderOption = {}) {
@@ -97,7 +98,7 @@ export default function createCssWebpackConfig({ isDev, config, webpackConfig, b
                 chunkFilename: '[id].[contenthash:8].css',
             },
         ]);
-        webpackConfig.optimization.minimizer('css').use(require.resolve('css-minimizer-webpack-plugin'), [{}]);
+        webpackConfig.optimization.minimizer('css').use(require.resolve('css-minimizer-webpack-plugin'), [{ minify: CssMinimizerPlugin.swcMinify }]);
     }
 
     return (options) => {
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index fcdd8245..70324605 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,5 +1,5 @@
 export function buildSwcOptions(browserslist, config, isJsx, isTs) {
-    return {
+    const result = {
         env: {
             targets: browserslist,
             mode: 'entry',
@@ -10,11 +10,12 @@ export function buildSwcOptions(browserslist, config, isJsx, isTs) {
                 syntax: isTs ? 'typescript' : 'ecmascript',
                 jsx: isJsx,
             },
-            experimental: {
-                plugins: [['swc-plugin-vue-jsx', {}]],
-            },
         },
         minify: true,
         ...config.swcLoader,
     };
+    if (isJsx) {
+        result.jsc.parser.experimental.plugins = (result.jsc.parser.experimental.plugins || []).push(['swc-plugin-vue-jsx', {}]);
+    }
+    return result;
 }
diff --git a/packages/fes-template/package.json b/packages/fes-template/package.json
index 07c383a6..2d7cb31e 100644
--- a/packages/fes-template/package.json
+++ b/packages/fes-template/package.json
@@ -59,6 +59,8 @@
     "@fesjs/plugin-pinia": "^3.0.0-rc.0",
     "@fesjs/plugin-watermark": "^3.0.0-rc.0",
     "@fesjs/fes-design": "^0.7.0",
+    "swc-plugin-vue-jsx": "^0.2.0",
+    "@swc/core": "^1.3.24",
     "vue": "^3.2.37",
     "vuex": "^4.0.0",
     "pinia": "^2.0.11"

From 92041845c68320f7b68da8825e0be350c82cd67a Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Tue, 27 Dec 2022 07:01:15 +0000
Subject: [PATCH 03/19] fix: exclude

---
 .../plugins/commands/webpackConfig/index.js   | 36 ++-----------------
 1 file changed, 3 insertions(+), 33 deletions(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 09fae9b7..7c9aecc1 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -126,14 +126,8 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         webpackConfig.module
             .rule('js')
             .test(/\.(js|mjs)$/)
-            .exclude.add((filepath) => {
-                // always transpile js in vue files
-                if (/(\.vue|\.jsx)$/.test(filepath)) {
-                    return false;
-                }
-                // Don't transpile node_modules
-                return /node_modules/.test(filepath);
-            })
+            // Don't transpile node_modules
+            .exclude.add((filepath) => /node_modules/.test(filepath))
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
@@ -141,14 +135,6 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         webpackConfig.module
             .rule('jsx')
             .test(/\.jsx$/)
-            .exclude.add((filepath) => {
-                // always transpile js in vue files
-                if (/(\.vue|\.jsx)$/.test(filepath)) {
-                    return false;
-                }
-                // Don't transpile node_modules
-                return /node_modules/.test(filepath);
-            })
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
@@ -157,14 +143,6 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         webpackConfig.module
             .rule('ts')
             .test(/\.ts$/)
-            .exclude.add((filepath) => {
-                // always transpile js in vue files
-                if (/(\.vue|\.tsx)$/.test(filepath)) {
-                    return false;
-                }
-                // Don't transpile node_modules
-                return /node_modules/.test(filepath);
-            })
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
@@ -172,14 +150,6 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         webpackConfig.module
             .rule('tsx')
             .test(/\.tsx$/)
-            .exclude.add((filepath) => {
-                // always transpile js in vue files
-                if (/(\.vue|\.tsx)$/.test(filepath)) {
-                    return false;
-                }
-                // Don't transpile node_modules
-                return /node_modules/.test(filepath);
-            })
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
@@ -217,7 +187,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .test(/\.(js|mjs|jsx|ts|tsx)$/)
             .exclude.add((filepath) => {
                 // always transpile js in vue files
-                if (/(\.vue|\.jsx)$/.test(filepath)) {
+                if (/(\.tsx|\.ts|\.jsx)$/.test(filepath)) {
                     return false;
                 }
                 // Don't transpile node_modules

From acb27c4c918fa91e04540a3eb44435936c34f556 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Tue, 27 Dec 2022 08:58:45 +0000
Subject: [PATCH 04/19] fix: targets

---
 packages/fes-builder-webpack/package.json     |   3 +-
 .../plugins/commands/webpackConfig/index.js   |  13 +-
 .../commands/webpackConfig/swcOptions.js      |  39 ++--
 .../src/plugins/features/targets.js           |   2 +-
 packages/fes-template/.fes.js                 |   9 +-
 packages/fes-template/package.json            |  25 +--
 packages/fes-template/src/pages/index.vue     |   3 +-
 yarn.lock                                     | 171 +++++++++++++++++-
 8 files changed, 213 insertions(+), 52 deletions(-)

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index fcfcb097..9ff7c0cc 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,6 +35,7 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
+    "@swc/css": "^0.0.18",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",
@@ -45,7 +46,6 @@
     "copy-webpack-plugin": "^7.0.0",
     "css-loader": "^5.0.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
-    "swc-loader": "^0.2.3",
     "html-webpack-plugin": "^5.0.0",
     "html-webpack-tags-plugin": "^3.0.0",
     "less": "3.9.0",
@@ -56,6 +56,7 @@
     "postcss-loader": "^4.2.0",
     "postcss-safe-parser": "^6.0.0",
     "style-loader": "^2.0.0",
+    "swc-loader": "^0.2.3",
     "vue-loader": "^16.1.2",
     "webpack": "^5.69.0",
     "webpack-bundle-analyzer": "^4.4.0",
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 7c9aecc1..dc16ae5a 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -131,29 +131,26 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(browserslist, config, false, false));
+            .options(buildSwcOptions(targets, config, false, false));
         webpackConfig.module
             .rule('jsx')
             .test(/\.jsx$/)
-            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(browserslist, config, true, false));
+            .options(buildSwcOptions(targets, config, true, false));
 
         webpackConfig.module
             .rule('ts')
             .test(/\.ts$/)
-            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(browserslist, config, false, true));
+            .options(buildSwcOptions(targets, config, false, true));
         webpackConfig.module
             .rule('tsx')
             .test(/\.tsx$/)
-            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(browserslist, config, true, true));
+            .options(buildSwcOptions(targets, config, true, true));
         // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
         if (isProd) {
             const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
@@ -172,7 +169,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
                 .end()
                 .use('swc-loader')
                 .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(browserslist, config, false, false));
+                .options(buildSwcOptions(targets, config, false, false));
         }
     } else {
         const babelOpts = await getBabelOpts({
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index 70324605..9be21c92 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,21 +1,24 @@
-export function buildSwcOptions(browserslist, config, isJsx, isTs) {
-    const result = {
-        env: {
-            targets: browserslist,
-            mode: 'entry',
-            coreJs: '3',
-        },
-        jsc: {
-            parser: {
-                syntax: isTs ? 'typescript' : 'ecmascript',
-                jsx: isJsx,
+import { deepmerge } from '@fesjs/utils';
+
+export function buildSwcOptions(targets, config, isJsx, isTs) {
+    return deepmerge(
+        {
+            env: {
+                targets,
+                mode: 'usage',
+                coreJs: '3',
             },
+            jsc: {
+                parser: {
+                    syntax: isTs ? 'typescript' : 'ecmascript',
+                    jsx: isJsx,
+                },
+                experimental: {
+                    plugins: [['swc-plugin-vue-jsx', {}]],
+                },
+            },
+            minify: true,
         },
-        minify: true,
-        ...config.swcLoader,
-    };
-    if (isJsx) {
-        result.jsc.parser.experimental.plugins = (result.jsc.parser.experimental.plugins || []).push(['swc-plugin-vue-jsx', {}]);
-    }
-    return result;
+        config.swcLoader || {},
+    );
 }
diff --git a/packages/fes-preset-built-in/src/plugins/features/targets.js b/packages/fes-preset-built-in/src/plugins/features/targets.js
index 592d97ec..31e79a8a 100644
--- a/packages/fes-preset-built-in/src/plugins/features/targets.js
+++ b/packages/fes-preset-built-in/src/plugins/features/targets.js
@@ -5,7 +5,7 @@ export default (api) => {
             default: {
                 chrome: '64',
                 ios: '11',
-                browsers: ['defaults and not chrome < 61'],
+                // browsers: ['defaults and not chrome < 61'],
             },
             schema(joi) {
                 return joi.object();
diff --git a/packages/fes-template/.fes.js b/packages/fes-template/.fes.js
index 91e89578..be3cdbbc 100644
--- a/packages/fes-template/.fes.js
+++ b/packages/fes-template/.fes.js
@@ -1,7 +1,14 @@
 import { defineBuildConfig } from '@fesjs/fes';
 
 export default defineBuildConfig({
-    swcLoader: {},
+    swcLoader: {
+        env: {
+            coreJs: '3.27',
+        },
+    },
+    targets: {
+        chrome: '78',
+    },
     define: {
         __DEV__: false,
     },
diff --git a/packages/fes-template/package.json b/packages/fes-template/package.json
index 2d7cb31e..eab5c1a1 100644
--- a/packages/fes-template/package.json
+++ b/packages/fes-template/package.json
@@ -44,26 +44,27 @@
   },
   "dependencies": {
     "@fesjs/fes": "^3.0.0-rc.0",
+    "@fesjs/fes-design": "^0.7.0",
     "@fesjs/plugin-access": "^3.0.0-rc.0",
+    "@fesjs/plugin-enums": "^3.0.0-rc.0",
+    "@fesjs/plugin-jest": "^2.0.0",
     "@fesjs/plugin-layout": "^5.0.0-rc.0",
     "@fesjs/plugin-locale": "^4.0.0-rc.0",
     "@fesjs/plugin-model": "^3.0.0-rc.0",
-    "@fesjs/plugin-enums": "^3.0.0-rc.0",
-    "@fesjs/plugin-jest": "^2.0.0",
-    "@fesjs/plugin-vuex": "^3.0.0-rc.0",
-    "@fesjs/plugin-request": "^3.0.0-rc.0",
-    "@fesjs/plugin-qiankun": "^3.0.0-rc.0",
-    "@fesjs/plugin-sass": "^3.0.0-rc.0",
     "@fesjs/plugin-monaco-editor": "^3.0.0-rc.0",
-    "@fesjs/plugin-windicss": "^3.0.0-rc.0",
     "@fesjs/plugin-pinia": "^3.0.0-rc.0",
+    "@fesjs/plugin-qiankun": "^3.0.0-rc.0",
+    "@fesjs/plugin-request": "^3.0.0-rc.0",
+    "@fesjs/plugin-sass": "^3.0.0-rc.0",
+    "@fesjs/plugin-vuex": "^3.0.0-rc.0",
     "@fesjs/plugin-watermark": "^3.0.0-rc.0",
-    "@fesjs/fes-design": "^0.7.0",
-    "swc-plugin-vue-jsx": "^0.2.0",
+    "@fesjs/plugin-windicss": "^3.0.0-rc.0",
     "@swc/core": "^1.3.24",
+    "core-js": "3.27.0",
+    "pinia": "^2.0.11",
+    "swc-plugin-vue-jsx": "^0.2.0",
     "vue": "^3.2.37",
-    "vuex": "^4.0.0",
-    "pinia": "^2.0.11"
+    "vuex": "^4.0.0"
   },
   "private": true
-}
\ No newline at end of file
+}
diff --git a/packages/fes-template/src/pages/index.vue b/packages/fes-template/src/pages/index.vue
index 41275d99..9abfa8b7 100644
--- a/packages/fes-template/src/pages/index.vue
+++ b/packages/fes-template/src/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="page">
+    <div class="page bg-black">
         home
         <FButton class="m-2">Button</FButton>
     </div>
@@ -13,6 +13,7 @@ defineRouteMeta({
     name: 'index',
     title: '$home',
 });
+console.log('123123'.replaceAll('123', '234'));
 </script>
 
 <style>
diff --git a/yarn.lock b/yarn.lock
index 187d84f4..4edae65a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1900,6 +1900,13 @@
     terminal-link "^2.0.0"
     v8-to-istanbul "^8.1.0"
 
+"@jest/schemas@^29.0.0":
+  version "29.0.0"
+  resolved "https://registry.npmmirror.com/@jest/schemas/-/schemas-29.0.0.tgz#5f47f5994dd4ef067fb7b4188ceac45f77fe952a"
+  integrity sha512-3Ab5HgYIIAnS0HjqJHQYZS+zXc4tUmTmBH3z83ajI6afXp8X3ZtdLX+nXx+I7LNkJD7uN9LAVhgnjDgZa2z0kA==
+  dependencies:
+    "@sinclair/typebox" "^0.24.1"
+
 "@jest/source-map@^27.5.1":
   version "27.5.1"
   resolved "https://registry.npmmirror.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
@@ -1961,6 +1968,18 @@
     "@types/yargs" "^16.0.0"
     chalk "^4.0.0"
 
+"@jest/types@^29.3.1":
+  version "29.3.1"
+  resolved "https://registry.npmmirror.com/@jest/types/-/types-29.3.1.tgz#7c5a80777cb13e703aeec6788d044150341147e3"
+  integrity sha512-d0S0jmmTpjnhCmNpApgX3jrUZgZ22ivKJRvL2lli5hpCRoNnp1f85r2/wpKfXuYu8E7Jjh1hGfhPyup1NM5AmA==
+  dependencies:
+    "@jest/schemas" "^29.0.0"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
 "@jridgewell/gen-mapping@^0.1.0":
   version "0.1.1"
   resolved "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
@@ -2193,6 +2212,11 @@
   resolved "https://registry.npmmirror.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
   integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
 
+"@sinclair/typebox@^0.24.1":
+  version "0.24.51"
+  resolved "https://registry.npmmirror.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
+  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
+
 "@sinonjs/commons@^1.7.0":
   version "1.8.5"
   resolved "https://registry.npmmirror.com/@sinonjs/commons/-/commons-1.8.5.tgz#e280c94c95f206dcfd5aca00a43f2156b758c764"
@@ -2283,6 +2307,90 @@
     "@swc/core-win32-ia32-msvc" "1.3.24"
     "@swc/core-win32-x64-msvc" "1.3.24"
 
+"@swc/css-android-arm-eabi@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-android-arm-eabi/-/css-android-arm-eabi-0.0.18.tgz#c42b7a4775c3ae7dcbfc38008cd5d8c5c8cf0b06"
+  integrity sha512-B7V4SsquT4pGkAnggSoAiGWFP/QTV6rqezccsLkPhJxEcdsX0OnDCJYa2h2WRxpsxvWEAakIh6p9edoWbRnKfA==
+
+"@swc/css-android-arm64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-android-arm64/-/css-android-arm64-0.0.18.tgz#960ca6def1129e3ab36ba58bdbc1b9019de0844b"
+  integrity sha512-dXafkyVXUfKwSdTZ0rUTO2I4Rs+43IdJ5gQqvsVvCwlDpF6f6UaIykermXs22/8tWaZd+gkPzKAocyOAnkGOWQ==
+
+"@swc/css-darwin-arm64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-darwin-arm64/-/css-darwin-arm64-0.0.18.tgz#2589ce344a3026594828b427f72b1f4aba39c0e3"
+  integrity sha512-PZxbMEG7YldYFHkD1xVnl1Fq6DF4wlmLFN7zrSAB2MrWP6eAUlHFQgD7xal6VPD0SPSjuU/m+FoD83TJbhY54Q==
+
+"@swc/css-darwin-x64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-darwin-x64/-/css-darwin-x64-0.0.18.tgz#6aa3a05af645ccfa21e4d73bb97dd0928e236792"
+  integrity sha512-usMlRrUph/YKpvtUfpFaE69xLYVnKjJHuMbQfMq6K5537SVaJ6K7yd1XjCakA16t6G2sU3z2JTTVzzp/VfTRVg==
+
+"@swc/css-freebsd-x64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-freebsd-x64/-/css-freebsd-x64-0.0.18.tgz#d872c9c4abe3cbeedc39039d11cb9dcc1e9d1a80"
+  integrity sha512-dCQpTnEl7H6qqHd6dDl4nHC4W1IjVUz1p78ym6kpFO81cw6nuzqDcEpmcIhCprWVzNTitOcTDi21A6tfPJ1LGQ==
+
+"@swc/css-linux-arm-gnueabihf@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-0.0.18.tgz#5a678cd036226b0e23c10b4fc8aa3fc8f9afd772"
+  integrity sha512-kJJaWmCJKw69dIsd6TyP8FTXEp+bKCxyvcWzur0753aCdd1TfH/8jH8HWlulphpJlnIuETfFJUi9tBPUprQBEA==
+
+"@swc/css-linux-arm64-gnu@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-gnu/-/css-linux-arm64-gnu-0.0.18.tgz#589a00f581f4cec77b247fea297ad9d51250418f"
+  integrity sha512-hBkejxUWRPYVZSIOYr2/MCKuZLRuJpGx8OAKr0yq+5/E0506Vwv8ub4Gs3Bu1j8+A4jQxJs1jzUZHOjJSDJktQ==
+
+"@swc/css-linux-arm64-musl@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-musl/-/css-linux-arm64-musl-0.0.18.tgz#da8c5c9201279bd68a5398432dd7ee9d7022f863"
+  integrity sha512-cnFd3zwaXVphV5HLef/YNoeSrfE6FpLnQ4gsrIdvt/wuwOsq9p7dm3g5PvgwbSINGa39WJMK1EoSAOwhWrePzg==
+
+"@swc/css-linux-x64-gnu@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-gnu/-/css-linux-x64-gnu-0.0.18.tgz#505815aceb8fd86bd573ba4106252c5534236baa"
+  integrity sha512-QdbuFt5NRLBo0Tp6tL5PolryF8NEp6y+nU9kD1F7kBWkTTxwsxXNfdmpBi3hACCarSwQ5nzDI303+j7FtSipMg==
+
+"@swc/css-linux-x64-musl@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-musl/-/css-linux-x64-musl-0.0.18.tgz#1ca8bbc75118b2317c15fbd2507345b1e825c5e5"
+  integrity sha512-x6Uk0oJio0OZLNBV46O5LGaOr9udiXjMgA1axo7DVn1FsOFGW5LG2wo732KSnPXbDrysbzJoc5JINCpdHV4L8w==
+
+"@swc/css-win32-arm64-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-arm64-msvc/-/css-win32-arm64-msvc-0.0.18.tgz#7a4ed69cac1dfe3b77dee46dc4b1d21dd5b25a73"
+  integrity sha512-9Ljv7fc6+GIrAUeJkYOjLzMyBN/33IQQ9xF9M8wZMdin5urEplDYyn6G+MQhUk1j2YiHe9bOzqqH2fXa6MGzWA==
+
+"@swc/css-win32-ia32-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-ia32-msvc/-/css-win32-ia32-msvc-0.0.18.tgz#7f0fdf22ad755a5c7318bfa4077accfe25c80c28"
+  integrity sha512-1qKpcGtOAYiF5oh5rd6lRJHOJjO6fEXT7O9eSc8IfEjab1845igoxd/2vCU2xm8VkVaPkHM02f8N+Wukm1zJIQ==
+
+"@swc/css-win32-x64-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-x64-msvc/-/css-win32-x64-msvc-0.0.18.tgz#80497aad89d013b50e0a2a0fd0ea001f08a87672"
+  integrity sha512-v1W3WhAZlafY9OeWz8X0j1jVw/toe+D07bBO5GnxcW6qHIMOh+SSuAGqLWTfgWVcgY0aq8k/BpP0gEiaUIBtrA==
+
+"@swc/css@^0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css/-/css-0.0.18.tgz#45a4d39bc7259ed6b4956c05168057eadc795bff"
+  integrity sha512-5zSKWvmiwF+lYCFBEk2fVFq57+ezOxA1htPhIygtJm8b8E6ufVpZfGbFiVfaKO7tqbIZ2Ja9fFnKsjO09F15Gw==
+  optionalDependencies:
+    "@swc/css-android-arm-eabi" "0.0.18"
+    "@swc/css-android-arm64" "0.0.18"
+    "@swc/css-darwin-arm64" "0.0.18"
+    "@swc/css-darwin-x64" "0.0.18"
+    "@swc/css-freebsd-x64" "0.0.18"
+    "@swc/css-linux-arm-gnueabihf" "0.0.18"
+    "@swc/css-linux-arm64-gnu" "0.0.18"
+    "@swc/css-linux-arm64-musl" "0.0.18"
+    "@swc/css-linux-x64-gnu" "0.0.18"
+    "@swc/css-linux-x64-musl" "0.0.18"
+    "@swc/css-win32-arm64-msvc" "0.0.18"
+    "@swc/css-win32-ia32-msvc" "0.0.18"
+    "@swc/css-win32-x64-msvc" "0.0.18"
+
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.npmmirror.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
@@ -2668,6 +2776,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yargs@^17.0.8":
+  version "17.0.17"
+  resolved "https://registry.npmmirror.com/@types/yargs/-/yargs-17.0.17.tgz#5672e5621f8e0fca13f433a8017aae4b7a2a03e7"
+  integrity sha512-72bWxFKTK6uwWJAVT+3rF6Jo6RTojiJ27FQo8Rf60AL+VZbzoVPnMFhKsUnbjR8A3BTCYQ7Mv3hnl8T0A+CX9g==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@vitejs/plugin-basic-ssl@^1.0.1":
   version "1.0.1"
   resolved "https://registry.npmmirror.com/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz#48c46eab21e0730921986ce742563ae83fe7fe34"
@@ -4586,6 +4701,11 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.4"
 
+core-js@3.27.0:
+  version "3.27.0"
+  resolved "https://registry.npmmirror.com/core-js/-/core-js-3.27.0.tgz#a343bc614f29d9dcffa7616e65e10f9001cdd332"
+  integrity sha512-wY6cKosevs430KRkHUIsvepDXHGjlXOZO3hYXNyqpD6JvB0X28aXyv0t1Y1vZMwE7SoKmtfa6IASHCPN52FwBQ==
+
 core-js@^3.26.1, core-js@^3.6.1:
   version "3.26.1"
   resolved "https://registry.npmmirror.com/core-js/-/core-js-3.26.1.tgz#7a9816dabd9ee846c1c0fe0e8fcad68f3709134e"
@@ -4673,14 +4793,14 @@ css-loader@^5.0.1:
     schema-utils "^3.0.0"
     semver "^7.3.5"
 
-css-minimizer-webpack-plugin@^3.0.0:
-  version "3.4.1"
-  resolved "https://registry.npmmirror.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
-  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
+css-minimizer-webpack-plugin@^4.0.0:
+  version "4.2.2"
+  resolved "https://registry.npmmirror.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-4.2.2.tgz#79f6199eb5adf1ff7ba57f105e3752d15211eb35"
+  integrity sha512-s3Of/4jKfw1Hj9CxEO1E5oXhQAxlayuHO2y/ML+C6I9sQ7FdzfEV6QgMLN3vI+qFsjJGIAFLKtQK7t8BOXAIyA==
   dependencies:
-    cssnano "^5.0.6"
-    jest-worker "^27.0.2"
-    postcss "^8.3.5"
+    cssnano "^5.1.8"
+    jest-worker "^29.1.2"
+    postcss "^8.4.17"
     schema-utils "^4.0.0"
     serialize-javascript "^6.0.0"
     source-map "^0.6.1"
@@ -4775,7 +4895,7 @@ cssnano-utils@^3.1.0:
   resolved "https://registry.npmmirror.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
   integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
 
-cssnano@^5.0.6, cssnano@^5.1.12:
+cssnano@^5.1.12, cssnano@^5.1.8:
   version "5.1.14"
   resolved "https://registry.npmmirror.com/cssnano/-/cssnano-5.1.14.tgz#07b0af6da73641276fe5a6d45757702ebae2eb05"
   integrity sha512-Oou7ihiTocbKqi0J1bB+TRJIQX5RMR3JghA8hcWSw9mjBLQ5Y3RWqEDoYG3sRNlAbCIXpqMoZGbq5KDR3vdzgw==
@@ -7562,6 +7682,18 @@ jest-util@^27.0.0, jest-util@^27.5.1:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
+jest-util@^29.3.1:
+  version "29.3.1"
+  resolved "https://registry.npmmirror.com/jest-util/-/jest-util-29.3.1.tgz#1dda51e378bbcb7e3bc9d8ab651445591ed373e1"
+  integrity sha512-7YOVZaiX7RJLv76ZfHt4nbNEzzTRiMW/IiOG7ZOKmTXmoGBxUDefgMAxQubu6WPVqP5zSzAdZG0FfLcC7HOIFQ==
+  dependencies:
+    "@jest/types" "^29.3.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
 jest-validate@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
@@ -7609,7 +7741,7 @@ jest-worker@^26.2.1:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
+jest-worker@^27.4.5, jest-worker@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
   integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
@@ -7618,6 +7750,16 @@ jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
+jest-worker@^29.1.2:
+  version "29.3.1"
+  resolved "https://registry.npmmirror.com/jest-worker/-/jest-worker-29.3.1.tgz#e9462161017a9bb176380d721cab022661da3d6b"
+  integrity sha512-lY4AnnmsEWeiXirAIA0c9SDPbuCBq8IYuDVL8PMm0MZ2PEs2yPvRA/J64QBXuZp7CYKrDM/rmNrc9/i3KJQncw==
+  dependencies:
+    "@types/node" "*"
+    jest-util "^29.3.1"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
 jest@^27.0.6:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
@@ -9313,7 +9455,7 @@ postcss@8.3.0:
     nanoid "^3.1.23"
     source-map-js "^0.6.2"
 
-postcss@^8.0.0, postcss@^8.1.10, postcss@^8.2.15, postcss@^8.3.5, postcss@^8.4.16, postcss@^8.4.18, postcss@^8.4.19:
+postcss@^8.0.0, postcss@^8.1.10, postcss@^8.2.15, postcss@^8.4.16, postcss@^8.4.18, postcss@^8.4.19:
   version "8.4.19"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
   integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
@@ -9322,6 +9464,15 @@ postcss@^8.0.0, postcss@^8.1.10, postcss@^8.2.15, postcss@^8.3.5, postcss@^8.4.1
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8.4.17:
+  version "8.4.20"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.20.tgz#64c52f509644cecad8567e949f4081d98349dc56"
+  integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 preact@^10.0.0:
   version "10.11.3"
   resolved "https://registry.npmmirror.com/preact/-/preact-10.11.3.tgz#8a7e4ba19d3992c488b0785afcc0f8aa13c78d19"

From 8ef9a1c862055d1b1ee8a8f0daac43cd4ef23b57 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Tue, 27 Dec 2022 08:59:06 +0000
Subject: [PATCH 05/19] fix: css

---
 .../src/plugins/commands/webpackConfig/css.js                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
index 1f0a3504..ca8ab814 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
@@ -10,7 +10,7 @@
 // 根据 entry 将文件输出到不同的文件夹
 
 import { deepmerge } from '@fesjs/utils';
-import { CssMinimizerPlugin } from 'css-minimizer-webpack-plugin';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 
 function createRules({ isDev, webpackConfig, config, lang, test, loader, options, browserslist, styleLoaderOption }) {
     function applyLoaders(rule, cssLoaderOption = {}) {

From 0e05f23bc15d86170d44b86ed6bf3dc9adbec65e Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Wed, 28 Dec 2022 02:17:44 +0000
Subject: [PATCH 06/19] fix: rm swc/css

---
 packages/fes-builder-webpack/package.json |  1 -
 yarn.lock                                 | 84 -----------------------
 2 files changed, 85 deletions(-)

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 9ff7c0cc..58377955 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,7 +35,6 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
-    "@swc/css": "^0.0.18",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",
diff --git a/yarn.lock b/yarn.lock
index 4edae65a..ba43aa21 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2307,90 +2307,6 @@
     "@swc/core-win32-ia32-msvc" "1.3.24"
     "@swc/core-win32-x64-msvc" "1.3.24"
 
-"@swc/css-android-arm-eabi@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-android-arm-eabi/-/css-android-arm-eabi-0.0.18.tgz#c42b7a4775c3ae7dcbfc38008cd5d8c5c8cf0b06"
-  integrity sha512-B7V4SsquT4pGkAnggSoAiGWFP/QTV6rqezccsLkPhJxEcdsX0OnDCJYa2h2WRxpsxvWEAakIh6p9edoWbRnKfA==
-
-"@swc/css-android-arm64@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-android-arm64/-/css-android-arm64-0.0.18.tgz#960ca6def1129e3ab36ba58bdbc1b9019de0844b"
-  integrity sha512-dXafkyVXUfKwSdTZ0rUTO2I4Rs+43IdJ5gQqvsVvCwlDpF6f6UaIykermXs22/8tWaZd+gkPzKAocyOAnkGOWQ==
-
-"@swc/css-darwin-arm64@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-darwin-arm64/-/css-darwin-arm64-0.0.18.tgz#2589ce344a3026594828b427f72b1f4aba39c0e3"
-  integrity sha512-PZxbMEG7YldYFHkD1xVnl1Fq6DF4wlmLFN7zrSAB2MrWP6eAUlHFQgD7xal6VPD0SPSjuU/m+FoD83TJbhY54Q==
-
-"@swc/css-darwin-x64@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-darwin-x64/-/css-darwin-x64-0.0.18.tgz#6aa3a05af645ccfa21e4d73bb97dd0928e236792"
-  integrity sha512-usMlRrUph/YKpvtUfpFaE69xLYVnKjJHuMbQfMq6K5537SVaJ6K7yd1XjCakA16t6G2sU3z2JTTVzzp/VfTRVg==
-
-"@swc/css-freebsd-x64@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-freebsd-x64/-/css-freebsd-x64-0.0.18.tgz#d872c9c4abe3cbeedc39039d11cb9dcc1e9d1a80"
-  integrity sha512-dCQpTnEl7H6qqHd6dDl4nHC4W1IjVUz1p78ym6kpFO81cw6nuzqDcEpmcIhCprWVzNTitOcTDi21A6tfPJ1LGQ==
-
-"@swc/css-linux-arm-gnueabihf@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-0.0.18.tgz#5a678cd036226b0e23c10b4fc8aa3fc8f9afd772"
-  integrity sha512-kJJaWmCJKw69dIsd6TyP8FTXEp+bKCxyvcWzur0753aCdd1TfH/8jH8HWlulphpJlnIuETfFJUi9tBPUprQBEA==
-
-"@swc/css-linux-arm64-gnu@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-gnu/-/css-linux-arm64-gnu-0.0.18.tgz#589a00f581f4cec77b247fea297ad9d51250418f"
-  integrity sha512-hBkejxUWRPYVZSIOYr2/MCKuZLRuJpGx8OAKr0yq+5/E0506Vwv8ub4Gs3Bu1j8+A4jQxJs1jzUZHOjJSDJktQ==
-
-"@swc/css-linux-arm64-musl@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-musl/-/css-linux-arm64-musl-0.0.18.tgz#da8c5c9201279bd68a5398432dd7ee9d7022f863"
-  integrity sha512-cnFd3zwaXVphV5HLef/YNoeSrfE6FpLnQ4gsrIdvt/wuwOsq9p7dm3g5PvgwbSINGa39WJMK1EoSAOwhWrePzg==
-
-"@swc/css-linux-x64-gnu@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-gnu/-/css-linux-x64-gnu-0.0.18.tgz#505815aceb8fd86bd573ba4106252c5534236baa"
-  integrity sha512-QdbuFt5NRLBo0Tp6tL5PolryF8NEp6y+nU9kD1F7kBWkTTxwsxXNfdmpBi3hACCarSwQ5nzDI303+j7FtSipMg==
-
-"@swc/css-linux-x64-musl@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-musl/-/css-linux-x64-musl-0.0.18.tgz#1ca8bbc75118b2317c15fbd2507345b1e825c5e5"
-  integrity sha512-x6Uk0oJio0OZLNBV46O5LGaOr9udiXjMgA1axo7DVn1FsOFGW5LG2wo732KSnPXbDrysbzJoc5JINCpdHV4L8w==
-
-"@swc/css-win32-arm64-msvc@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-win32-arm64-msvc/-/css-win32-arm64-msvc-0.0.18.tgz#7a4ed69cac1dfe3b77dee46dc4b1d21dd5b25a73"
-  integrity sha512-9Ljv7fc6+GIrAUeJkYOjLzMyBN/33IQQ9xF9M8wZMdin5urEplDYyn6G+MQhUk1j2YiHe9bOzqqH2fXa6MGzWA==
-
-"@swc/css-win32-ia32-msvc@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-win32-ia32-msvc/-/css-win32-ia32-msvc-0.0.18.tgz#7f0fdf22ad755a5c7318bfa4077accfe25c80c28"
-  integrity sha512-1qKpcGtOAYiF5oh5rd6lRJHOJjO6fEXT7O9eSc8IfEjab1845igoxd/2vCU2xm8VkVaPkHM02f8N+Wukm1zJIQ==
-
-"@swc/css-win32-x64-msvc@0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css-win32-x64-msvc/-/css-win32-x64-msvc-0.0.18.tgz#80497aad89d013b50e0a2a0fd0ea001f08a87672"
-  integrity sha512-v1W3WhAZlafY9OeWz8X0j1jVw/toe+D07bBO5GnxcW6qHIMOh+SSuAGqLWTfgWVcgY0aq8k/BpP0gEiaUIBtrA==
-
-"@swc/css@^0.0.18":
-  version "0.0.18"
-  resolved "https://registry.npmmirror.com/@swc/css/-/css-0.0.18.tgz#45a4d39bc7259ed6b4956c05168057eadc795bff"
-  integrity sha512-5zSKWvmiwF+lYCFBEk2fVFq57+ezOxA1htPhIygtJm8b8E6ufVpZfGbFiVfaKO7tqbIZ2Ja9fFnKsjO09F15Gw==
-  optionalDependencies:
-    "@swc/css-android-arm-eabi" "0.0.18"
-    "@swc/css-android-arm64" "0.0.18"
-    "@swc/css-darwin-arm64" "0.0.18"
-    "@swc/css-darwin-x64" "0.0.18"
-    "@swc/css-freebsd-x64" "0.0.18"
-    "@swc/css-linux-arm-gnueabihf" "0.0.18"
-    "@swc/css-linux-arm64-gnu" "0.0.18"
-    "@swc/css-linux-arm64-musl" "0.0.18"
-    "@swc/css-linux-x64-gnu" "0.0.18"
-    "@swc/css-linux-x64-musl" "0.0.18"
-    "@swc/css-win32-arm64-msvc" "0.0.18"
-    "@swc/css-win32-ia32-msvc" "0.0.18"
-    "@swc/css-win32-x64-msvc" "0.0.18"
-
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.npmmirror.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"

From f5dddd770057f562bcff24bdc3bf3e18fad54aa1 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Wed, 28 Dec 2022 02:17:58 +0000
Subject: [PATCH 07/19] feat: log more error

---
 .../src/plugins/commands/build/build.js                   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/build/build.js b/packages/fes-builder-webpack/src/plugins/commands/build/build.js
index 2a2673db..fa50b1c6 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/build/build.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/build/build.js
@@ -4,10 +4,16 @@ export async function build({ bundleConfig }) {
     return new Promise((resolve, reject) => {
         const compiler = webpack(bundleConfig);
         compiler.run((err, stats) => {
-            if (err || stats.hasErrors()) {
+            if (err) {
                 console.error(err);
                 return reject(new Error('build failed'));
             }
+            if (stats?.hasErrors()) {
+                stats.compilation.errors.forEach((e) => {
+                    console.error(e);
+                });
+                return reject(new Error('build failed'));
+            }
             resolve({ stats });
         });
     });

From 6e5bfbca93c2598defc00207a1624b1fee504641 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Wed, 28 Dec 2022 02:39:51 +0000
Subject: [PATCH 08/19] docs: swc

---
 docs/guide/builder.md           | 2 +-
 docs/reference/config/README.md | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/guide/builder.md b/docs/guide/builder.md
index fbc17e49..a0773538 100644
--- a/docs/guide/builder.md
+++ b/docs/guide/builder.md
@@ -4,7 +4,7 @@
 
 -   选用 Vite 构建，安装 `npm i @fesjs/builder-vite` 依赖即可。
 -   选用 Webpack 构建，安装 `npm i @fesjs/builder-webpack` 依赖即可。
-
+-   Webpack构建支持用babel+terser和swc两种编译方式，如选用swc，安装`npm i @swc/core` 同时配置额外传`swcLoader:{}`，具体可以查看[配置](../reference/config)。
 
 ## 使用差异
 
diff --git a/docs/reference/config/README.md b/docs/reference/config/README.md
index ff71b4e7..3f169a65 100644
--- a/docs/reference/config/README.md
+++ b/docs/reference/config/README.md
@@ -459,6 +459,13 @@ export default {
 
 配置额外的 `babel` 插件集。
 
+### swcLoader
+-  类型： `object`
+-  默认值： `undefined`
+-  详情：
+
+传对象时使用swc进行编译和压缩，[swc配置](https://swc.rs/docs/configuration/swcrc)  
+默认usage模式
 ### extraPostCSSPlugins
 
 -   类型： `array`

From c4fd1f6fea3be84f19c65ff048290684abb21e1f Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Thu, 29 Dec 2022 08:16:45 +0000
Subject: [PATCH 09/19] fix: swc/css

---
 packages/fes-builder-webpack/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 58377955..9ff7c0cc 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,6 +35,7 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
+    "@swc/css": "^0.0.18",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",

From 2d92ad883f16467b6a306cbc66b961ab9e22bafe Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Thu, 29 Dec 2022 08:18:09 +0000
Subject: [PATCH 10/19] fix: swc/css

---
 yarn.lock | 84 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)

diff --git a/yarn.lock b/yarn.lock
index ba43aa21..4edae65a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2307,6 +2307,90 @@
     "@swc/core-win32-ia32-msvc" "1.3.24"
     "@swc/core-win32-x64-msvc" "1.3.24"
 
+"@swc/css-android-arm-eabi@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-android-arm-eabi/-/css-android-arm-eabi-0.0.18.tgz#c42b7a4775c3ae7dcbfc38008cd5d8c5c8cf0b06"
+  integrity sha512-B7V4SsquT4pGkAnggSoAiGWFP/QTV6rqezccsLkPhJxEcdsX0OnDCJYa2h2WRxpsxvWEAakIh6p9edoWbRnKfA==
+
+"@swc/css-android-arm64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-android-arm64/-/css-android-arm64-0.0.18.tgz#960ca6def1129e3ab36ba58bdbc1b9019de0844b"
+  integrity sha512-dXafkyVXUfKwSdTZ0rUTO2I4Rs+43IdJ5gQqvsVvCwlDpF6f6UaIykermXs22/8tWaZd+gkPzKAocyOAnkGOWQ==
+
+"@swc/css-darwin-arm64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-darwin-arm64/-/css-darwin-arm64-0.0.18.tgz#2589ce344a3026594828b427f72b1f4aba39c0e3"
+  integrity sha512-PZxbMEG7YldYFHkD1xVnl1Fq6DF4wlmLFN7zrSAB2MrWP6eAUlHFQgD7xal6VPD0SPSjuU/m+FoD83TJbhY54Q==
+
+"@swc/css-darwin-x64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-darwin-x64/-/css-darwin-x64-0.0.18.tgz#6aa3a05af645ccfa21e4d73bb97dd0928e236792"
+  integrity sha512-usMlRrUph/YKpvtUfpFaE69xLYVnKjJHuMbQfMq6K5537SVaJ6K7yd1XjCakA16t6G2sU3z2JTTVzzp/VfTRVg==
+
+"@swc/css-freebsd-x64@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-freebsd-x64/-/css-freebsd-x64-0.0.18.tgz#d872c9c4abe3cbeedc39039d11cb9dcc1e9d1a80"
+  integrity sha512-dCQpTnEl7H6qqHd6dDl4nHC4W1IjVUz1p78ym6kpFO81cw6nuzqDcEpmcIhCprWVzNTitOcTDi21A6tfPJ1LGQ==
+
+"@swc/css-linux-arm-gnueabihf@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-0.0.18.tgz#5a678cd036226b0e23c10b4fc8aa3fc8f9afd772"
+  integrity sha512-kJJaWmCJKw69dIsd6TyP8FTXEp+bKCxyvcWzur0753aCdd1TfH/8jH8HWlulphpJlnIuETfFJUi9tBPUprQBEA==
+
+"@swc/css-linux-arm64-gnu@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-gnu/-/css-linux-arm64-gnu-0.0.18.tgz#589a00f581f4cec77b247fea297ad9d51250418f"
+  integrity sha512-hBkejxUWRPYVZSIOYr2/MCKuZLRuJpGx8OAKr0yq+5/E0506Vwv8ub4Gs3Bu1j8+A4jQxJs1jzUZHOjJSDJktQ==
+
+"@swc/css-linux-arm64-musl@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-arm64-musl/-/css-linux-arm64-musl-0.0.18.tgz#da8c5c9201279bd68a5398432dd7ee9d7022f863"
+  integrity sha512-cnFd3zwaXVphV5HLef/YNoeSrfE6FpLnQ4gsrIdvt/wuwOsq9p7dm3g5PvgwbSINGa39WJMK1EoSAOwhWrePzg==
+
+"@swc/css-linux-x64-gnu@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-gnu/-/css-linux-x64-gnu-0.0.18.tgz#505815aceb8fd86bd573ba4106252c5534236baa"
+  integrity sha512-QdbuFt5NRLBo0Tp6tL5PolryF8NEp6y+nU9kD1F7kBWkTTxwsxXNfdmpBi3hACCarSwQ5nzDI303+j7FtSipMg==
+
+"@swc/css-linux-x64-musl@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-linux-x64-musl/-/css-linux-x64-musl-0.0.18.tgz#1ca8bbc75118b2317c15fbd2507345b1e825c5e5"
+  integrity sha512-x6Uk0oJio0OZLNBV46O5LGaOr9udiXjMgA1axo7DVn1FsOFGW5LG2wo732KSnPXbDrysbzJoc5JINCpdHV4L8w==
+
+"@swc/css-win32-arm64-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-arm64-msvc/-/css-win32-arm64-msvc-0.0.18.tgz#7a4ed69cac1dfe3b77dee46dc4b1d21dd5b25a73"
+  integrity sha512-9Ljv7fc6+GIrAUeJkYOjLzMyBN/33IQQ9xF9M8wZMdin5urEplDYyn6G+MQhUk1j2YiHe9bOzqqH2fXa6MGzWA==
+
+"@swc/css-win32-ia32-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-ia32-msvc/-/css-win32-ia32-msvc-0.0.18.tgz#7f0fdf22ad755a5c7318bfa4077accfe25c80c28"
+  integrity sha512-1qKpcGtOAYiF5oh5rd6lRJHOJjO6fEXT7O9eSc8IfEjab1845igoxd/2vCU2xm8VkVaPkHM02f8N+Wukm1zJIQ==
+
+"@swc/css-win32-x64-msvc@0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css-win32-x64-msvc/-/css-win32-x64-msvc-0.0.18.tgz#80497aad89d013b50e0a2a0fd0ea001f08a87672"
+  integrity sha512-v1W3WhAZlafY9OeWz8X0j1jVw/toe+D07bBO5GnxcW6qHIMOh+SSuAGqLWTfgWVcgY0aq8k/BpP0gEiaUIBtrA==
+
+"@swc/css@^0.0.18":
+  version "0.0.18"
+  resolved "https://registry.npmmirror.com/@swc/css/-/css-0.0.18.tgz#45a4d39bc7259ed6b4956c05168057eadc795bff"
+  integrity sha512-5zSKWvmiwF+lYCFBEk2fVFq57+ezOxA1htPhIygtJm8b8E6ufVpZfGbFiVfaKO7tqbIZ2Ja9fFnKsjO09F15Gw==
+  optionalDependencies:
+    "@swc/css-android-arm-eabi" "0.0.18"
+    "@swc/css-android-arm64" "0.0.18"
+    "@swc/css-darwin-arm64" "0.0.18"
+    "@swc/css-darwin-x64" "0.0.18"
+    "@swc/css-freebsd-x64" "0.0.18"
+    "@swc/css-linux-arm-gnueabihf" "0.0.18"
+    "@swc/css-linux-arm64-gnu" "0.0.18"
+    "@swc/css-linux-arm64-musl" "0.0.18"
+    "@swc/css-linux-x64-gnu" "0.0.18"
+    "@swc/css-linux-x64-musl" "0.0.18"
+    "@swc/css-win32-arm64-msvc" "0.0.18"
+    "@swc/css-win32-ia32-msvc" "0.0.18"
+    "@swc/css-win32-x64-msvc" "0.0.18"
+
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.npmmirror.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"

From 862ba3cf9c7d123755f908e5aabb01ca553355e6 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Thu, 29 Dec 2022 08:18:33 +0000
Subject: [PATCH 11/19] fix: cjs

---
 .../plugins/commands/webpackConfig/index.js   | 38 ++++++++++++++++---
 .../commands/webpackConfig/swcOptions.js      | 12 +++++-
 2 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index dc16ae5a..409015d6 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -127,35 +127,42 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .rule('js')
             .test(/\.(js|mjs)$/)
             // Don't transpile node_modules
-            .exclude.add((filepath) => /node_modules/.test(filepath))
+            .exclude.add(/node_modules/)
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, false));
+            .options(buildSwcOptions(targets, config, false, false, true));
         webpackConfig.module
             .rule('jsx')
             .test(/\.jsx$/)
+            .exclude.add(/node_modules/)
+            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, false));
+            .options(buildSwcOptions(targets, config, true, false, true));
 
         webpackConfig.module
             .rule('ts')
             .test(/\.ts$/)
+            .exclude.add(/node_modules/)
+            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
             .options(buildSwcOptions(targets, config, false, true));
         webpackConfig.module
             .rule('tsx')
             .test(/\.tsx$/)
+            .exclude.add(/node_modules/)
+            .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
             .options(buildSwcOptions(targets, config, true, true));
         // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
         if (isProd) {
+            const cjsReg = [/css-loader/].concat(config.swcLoader?.cjsPkg || []);
             const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
             webpackConfig.module
-                .rule('js-in-node_modules')
+                .rule('esm-in-node_modules')
                 .test(/\.(js|mjs)$/)
                 .include.add(/node_modules/)
                 .end()
@@ -163,13 +170,34 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
                     if (transpileDepRegex && transpileDepRegex.test(filepath)) {
                         return true;
                     }
+                    if (cjsReg.some((reg) => reg.test(filepath))) {
+                        return true;
+                    }
+                    return false;
+                })
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(targets, config, false, false, true));
+            webpackConfig.module
+                .rule('cjs-in-node_modules')
+                .test(/\.(js)$/)
+                .include.add(/node_modules/)
+                .end()
+                .exclude.add((filepath) => {
+                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
+                        return true;
+                    }
+                    if (cjsReg.every((reg) => !reg.test(filepath))) {
+                        return true;
+                    }
 
                     return false;
                 })
                 .end()
                 .use('swc-loader')
                 .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false));
+                .options(buildSwcOptions(targets, config, false, false, false));
         }
     } else {
         const babelOpts = await getBabelOpts({
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index 9be21c92..3f262db3 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,8 +1,12 @@
 import { deepmerge } from '@fesjs/utils';
 
-export function buildSwcOptions(targets, config, isJsx, isTs) {
+export function buildSwcOptions(targets, config, isJsx, isTs, isEsm) {
+    if (config.swcLoader?.cjsPkg) {
+        delete config.swcLoader.cjsPkg;
+    }
     return deepmerge(
         {
+            // sync: true,
             env: {
                 targets,
                 mode: 'usage',
@@ -16,8 +20,12 @@ export function buildSwcOptions(targets, config, isJsx, isTs) {
                 experimental: {
                     plugins: [['swc-plugin-vue-jsx', {}]],
                 },
+                // preserveAllComments: true,
             },
-            minify: true,
+            module: {
+                type: isEsm ? 'es6' : 'commonjs',
+            },
+            // minify: true,
         },
         config.swcLoader || {},
     );

From bca727338bc8220e7a8051609fdc1d75a37216fe Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Fri, 6 Jan 2023 08:56:44 +0000
Subject: [PATCH 12/19] =?UTF-8?q?feat:=20=E5=8F=AA=E5=9C=A8prod=E5=BC=80?=
 =?UTF-8?q?=E5=8E=8B=E7=BC=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/plugins/commands/webpackConfig/index.js      | 12 ++++++------
 .../src/plugins/commands/webpackConfig/swcOptions.js | 12 +++++++-----
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 409015d6..3af5292e 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -131,7 +131,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, false, true));
+            .options(buildSwcOptions(targets, config, false, false, true, false));
         webpackConfig.module
             .rule('jsx')
             .test(/\.jsx$/)
@@ -139,7 +139,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, false, true));
+            .options(buildSwcOptions(targets, config, true, false, true, false));
 
         webpackConfig.module
             .rule('ts')
@@ -148,7 +148,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, true));
+            .options(buildSwcOptions(targets, config, false, true, false));
         webpackConfig.module
             .rule('tsx')
             .test(/\.tsx$/)
@@ -156,7 +156,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, true));
+            .options(buildSwcOptions(targets, config, true, true, false));
         // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
         if (isProd) {
             const cjsReg = [/css-loader/].concat(config.swcLoader?.cjsPkg || []);
@@ -178,7 +178,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
                 .end()
                 .use('swc-loader')
                 .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false, true));
+                .options(buildSwcOptions(targets, config, false, false, true, true));
             webpackConfig.module
                 .rule('cjs-in-node_modules')
                 .test(/\.(js)$/)
@@ -197,7 +197,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
                 .end()
                 .use('swc-loader')
                 .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false, false));
+                .options(buildSwcOptions(targets, config, false, false, false, true));
         }
     } else {
         const babelOpts = await getBabelOpts({
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index 3f262db3..b4672a84 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,6 +1,6 @@
 import { deepmerge } from '@fesjs/utils';
 
-export function buildSwcOptions(targets, config, isJsx, isTs, isEsm) {
+export function buildSwcOptions(targets, config, isJsx, isTs, isEsm, minify) {
     if (config.swcLoader?.cjsPkg) {
         delete config.swcLoader.cjsPkg;
     }
@@ -17,15 +17,17 @@ export function buildSwcOptions(targets, config, isJsx, isTs, isEsm) {
                     syntax: isTs ? 'typescript' : 'ecmascript',
                     jsx: isJsx,
                 },
-                experimental: {
-                    plugins: [['swc-plugin-vue-jsx', {}]],
-                },
+                experimental: isJsx
+                    ? {
+                          plugins: [['swc-plugin-vue-jsx', {}]],
+                      }
+                    : undefined,
                 // preserveAllComments: true,
             },
             module: {
                 type: isEsm ? 'es6' : 'commonjs',
             },
-            // minify: true,
+            minify,
         },
         config.swcLoader || {},
     );

From b3555770a61b97c711bfc106b0de31e3d8c3eb96 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Tue, 17 Jan 2023 08:46:04 +0000
Subject: [PATCH 13/19] chore: update swc

---
 packages/fes-builder-webpack/package.json     |   1 +
 .../plugins/commands/webpackConfig/index.js   |  51 +++-----
 .../commands/webpackConfig/minimizer.js       |   2 +
 .../commands/webpackConfig/swcOptions.js      |  11 +-
 packages/fes-template/.fes.prod.js            |   3 +-
 packages/fes-template/package.json            |   5 +-
 packages/fes-template/src/utils/a.js          |   3 +
 yarn.lock                                     | 110 +++++++++---------
 8 files changed, 84 insertions(+), 102 deletions(-)
 create mode 100644 packages/fes-template/src/utils/a.js

diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 9ff7c0cc..146bf96d 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -57,6 +57,7 @@
     "postcss-safe-parser": "^6.0.0",
     "style-loader": "^2.0.0",
     "swc-loader": "^0.2.3",
+    "terser-webpack-plugin": "^5.3.6",
     "vue-loader": "^16.1.2",
     "webpack": "^5.69.0",
     "webpack-bundle-analyzer": "^4.4.0",
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 3af5292e..026f08c8 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -60,7 +60,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
     webpackConfig.mode(env);
     webpackConfig.stats('errors-only');
     webpackConfig.externals(config.externals || {});
-    webpackConfig.devtool(isDev ? config.devtool || 'cheap-module-source-map' : config.devtool);
+    webpackConfig.devtool(false);
 
     // --------------- cache -----------
     webpackConfig.cache({
@@ -131,7 +131,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, false, true, false));
+            .options(buildSwcOptions(targets, config, false, false));
         webpackConfig.module
             .rule('jsx')
             .test(/\.jsx$/)
@@ -139,7 +139,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, false, true, false));
+            .options(buildSwcOptions(targets, config, true, false));
 
         webpackConfig.module
             .rule('ts')
@@ -148,7 +148,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, true, false));
+            .options(buildSwcOptions(targets, config, false, true));
         webpackConfig.module
             .rule('tsx')
             .test(/\.tsx$/)
@@ -156,13 +156,13 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
             .end()
             .use('swc-loader')
             .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, true, false));
+            .options(buildSwcOptions(targets, config, true, true));
         // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
         if (isProd) {
-            const cjsReg = [/css-loader/].concat(config.swcLoader?.cjsPkg || []);
+            // const cjsReg = [/css-loader/, /vue-loader/].concat(config.swcLoader?.cjsPkg || []);
             const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
             webpackConfig.module
-                .rule('esm-in-node_modules')
+                .rule('node_modules')
                 .test(/\.(js|mjs)$/)
                 .include.add(/node_modules/)
                 .end()
@@ -170,34 +170,12 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
                     if (transpileDepRegex && transpileDepRegex.test(filepath)) {
                         return true;
                     }
-                    if (cjsReg.some((reg) => reg.test(filepath))) {
-                        return true;
-                    }
                     return false;
                 })
                 .end()
                 .use('swc-loader')
                 .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false, true, true));
-            webpackConfig.module
-                .rule('cjs-in-node_modules')
-                .test(/\.(js)$/)
-                .include.add(/node_modules/)
-                .end()
-                .exclude.add((filepath) => {
-                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
-                        return true;
-                    }
-                    if (cjsReg.every((reg) => !reg.test(filepath))) {
-                        return true;
-                    }
-
-                    return false;
-                })
-                .end()
-                .use('swc-loader')
-                .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false, false, true));
+                .options(buildSwcOptions(targets, config, false, false));
         }
     } else {
         const babelOpts = await getBabelOpts({
@@ -337,13 +315,12 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
     }
 
     // --------------- 压缩 -----------
-    if (!useSwc) {
-        createMinimizerWebpackConfig({
-            isProd,
-            config,
-            webpackConfig,
-        });
-    }
+    createMinimizerWebpackConfig({
+        isProd,
+        config,
+        webpackConfig,
+    });
+
     // --------------- chainwebpack -----------
     if (chainWebpack) {
         await chainWebpack(webpackConfig, {
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
index 507b8c52..34ea0dc3 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
@@ -1,4 +1,5 @@
 import { deepmerge } from '@fesjs/utils';
+import TerserPlugin from 'terser-webpack-plugin';
 
 const defaultTerserOptions = {
     compress: {
@@ -40,6 +41,7 @@ const defaultTerserOptions = {
 const terserOptions = (config) => ({
     terserOptions: deepmerge(defaultTerserOptions, config.terserOptions || {}),
     extractComments: false,
+    minify: config.swcLoader ? TerserPlugin.swcMinify : undefined,
 });
 
 export default function createMinimizerWebpackConfig({ isProd, config, webpackConfig }) {
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index b4672a84..503b98c9 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,6 +1,6 @@
 import { deepmerge } from '@fesjs/utils';
 
-export function buildSwcOptions(targets, config, isJsx, isTs, isEsm, minify) {
+export function buildSwcOptions(targets, config, isJsx, isTs) {
     if (config.swcLoader?.cjsPkg) {
         delete config.swcLoader.cjsPkg;
     }
@@ -15,7 +15,8 @@ export function buildSwcOptions(targets, config, isJsx, isTs, isEsm, minify) {
             jsc: {
                 parser: {
                     syntax: isTs ? 'typescript' : 'ecmascript',
-                    jsx: isJsx,
+                    jsx: isTs ? undefined : isJsx,
+                    tsx: isTs ? isJsx : undefined,
                 },
                 experimental: isJsx
                     ? {
@@ -24,10 +25,8 @@ export function buildSwcOptions(targets, config, isJsx, isTs, isEsm, minify) {
                     : undefined,
                 // preserveAllComments: true,
             },
-            module: {
-                type: isEsm ? 'es6' : 'commonjs',
-            },
-            minify,
+            isModule: 'unknown',
+            minify: false,
         },
         config.swcLoader || {},
     );
diff --git a/packages/fes-template/.fes.prod.js b/packages/fes-template/.fes.prod.js
index 153393d8..42d8a3c3 100644
--- a/packages/fes-template/.fes.prod.js
+++ b/packages/fes-template/.fes.prod.js
@@ -1,6 +1,5 @@
 // .fes.js 只负责管理编译时配置，只能使用plain Object
 
-
 export default {
-    publicPath: 'https://gw.alipayobjects.com/'
+    // publicPath: 'https://gw.alipayobjects.com/'
 };
diff --git a/packages/fes-template/package.json b/packages/fes-template/package.json
index eab5c1a1..c7ccc9ae 100644
--- a/packages/fes-template/package.json
+++ b/packages/fes-template/package.json
@@ -7,7 +7,8 @@
     "prod": "FES_ENV=prod fes build",
     "analyze": "ANALYZE=1 fes build",
     "dev": "fes dev",
-    "test": "fes test"
+    "test": "fes test",
+    "prev": "fes preview"
   },
   "keywords": [
     "管理端",
@@ -59,7 +60,7 @@
     "@fesjs/plugin-vuex": "^3.0.0-rc.0",
     "@fesjs/plugin-watermark": "^3.0.0-rc.0",
     "@fesjs/plugin-windicss": "^3.0.0-rc.0",
-    "@swc/core": "^1.3.24",
+    "@swc/core": "^1.3.27",
     "core-js": "3.27.0",
     "pinia": "^2.0.11",
     "swc-plugin-vue-jsx": "^0.2.0",
diff --git a/packages/fes-template/src/utils/a.js b/packages/fes-template/src/utils/a.js
new file mode 100644
index 00000000..42afc600
--- /dev/null
+++ b/packages/fes-template/src/utils/a.js
@@ -0,0 +1,3 @@
+export function f() {
+    console.log('a');
+}
diff --git a/yarn.lock b/yarn.lock
index 4edae65a..c94612b6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2241,71 +2241,71 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@swc/core-darwin-arm64@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.24.tgz#d41fc574cb5049def9001903680fdd924f065052"
-  integrity sha512-rR+9UpWm+fGXcipsjCst2hIL1GYIbo0YTLhJZWdIpQD6KRHHJMFXiydMgQQkDj2Ml7HpqUVgxj6m4ZWYL8b0OA==
+"@swc/core-darwin-arm64@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.27.tgz#247b275d505c2462ce08cca4e322becbca8e428a"
+  integrity sha512-IKlxkhEy99CnP9nduaf5IJWIFcr6D5cZCjYmCs7nWkjMV+aAieyDO9AX4LT8AcHy6CF7ByOX7SKoqk+gVMAaKw==
 
-"@swc/core-darwin-x64@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.24.tgz#0f7a3960b91cbd7f95f25542b29d0e08bde4f59d"
-  integrity sha512-px+5vkGtgPH0m3FkkTBHynlRdS5rRz+lK+wiXIuBZFJSySWFl6RkKbvwkD+sf0MpazQlqwlv/rTOGJBw6oDffg==
+"@swc/core-darwin-x64@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.27.tgz#11090424c9bfd0d3e799abb06c1fa6a07abf5ed9"
+  integrity sha512-MtabZIhFf/dL3vs6UMbd+vJsjIkm2NaFqulGV0Jofy2bfVZPTj/b5pXeOlUsTWy7JcH1uixjdx4RvJRyvqJxQA==
 
-"@swc/core-linux-arm-gnueabihf@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.24.tgz#a0fdd97b8341806b57290217830a5d1ab7d0b193"
-  integrity sha512-jLs8ZOdTV4UW4J12E143QJ4mOMONQtqgAnuhBbRuWFzQ3ny1dfoC3P1jNWAJ2Xi59XdxAIXn0PggPNH4Kh34kw==
+"@swc/core-linux-arm-gnueabihf@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.27.tgz#a41b40e056ed0887686e04a30b395521fe3f2d47"
+  integrity sha512-XELMoGcUTAkk+G4buwIIhu6AIr1U418Odt22HUW8+ZvV+Wty2ICgR/myOIhM3xMb6U2L8ay+evMqoVNMQ0RRTg==
 
-"@swc/core-linux-arm64-gnu@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.24.tgz#0536d03e12dd471ebafc180599488404aebb65cf"
-  integrity sha512-A/v0h70BekrwGpp1DlzIFGcHQ3QQ2PexXcnnuIBZeMc9gNmHlcZmg3EcwAnaUDiokhNuSUFA/wV94yk1OqmSkw==
+"@swc/core-linux-arm64-gnu@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.27.tgz#61705b0d534472a9dbde575594c61ef1377d0075"
+  integrity sha512-O6vtT6bnrVR9PzEIuA5U7tIfYo7bv97H9K9Vqy2oyHNeGN0H36DKwS4UqPreHtziXNF5+7ubdUYUkrG/j8UnUQ==
 
-"@swc/core-linux-arm64-musl@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.24.tgz#54f46ffea1bf6ffcbe7c62037efaefdfb5115214"
-  integrity sha512-pbc9eArWPTiMrbpS/pJo0IiQNAKAQBcBIDjWBGP1tcw2iDXYLw4bruwz9kI/VjakbshWb8MoE4T5ClkeuULvSw==
+"@swc/core-linux-arm64-musl@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.27.tgz#4fb86dcf70b7fc1aba51d82bba00bb2c4134a980"
+  integrity sha512-Oa0E1i7dOTWpaEZumKoNbTE/Ap+da6nlhqKVUdYrFDrOBi25tz76SdxZIyvAszzmgY89b5yd1naourKmkPXpww==
 
-"@swc/core-linux-x64-gnu@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.24.tgz#c2b5cef83f8afd2a57d0eafbac083562d50cd0e6"
-  integrity sha512-pP5pOLlY1xd352qo7rTlpVPUI9/9VhOd4b3Lk+LzfZDq9bTL2NDlGfyrPiwa5DGHMSzrugH56K2J68eutkxYVA==
+"@swc/core-linux-x64-gnu@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.27.tgz#691cc341f8dd7f93a8e01044a2ad8b0e7111d65c"
+  integrity sha512-S3v9H8oL2a8Ur6AjQyhkC6HfBVPOxKMdBhcZmdNuVgEUHbHdbf/Lka85F9IOYXEarMn0FtQw3ywowS22O9L5Uw==
 
-"@swc/core-linux-x64-musl@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.24.tgz#3459d01f9bf745568a4196c1993987f3d4a98303"
-  integrity sha512-phNbP7zGp+Wcyxq1Qxlpe5KkxO7WLT2kVQUC7aDFGlVdCr+xdXsfH1MzheHtnr0kqTVQX1aiM8XXXHfFxR0oNA==
+"@swc/core-linux-x64-musl@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.27.tgz#a3e1c98513d6e8594c612ab3a671f10e2644dc2e"
+  integrity sha512-6DDkdXlOADpwICFZTRphCR+cIeS8aEYh4NlyzBito0mOWwIIdfCgALzhkTQOzTOkcD42bP97CIoZ97hqV/puOg==
 
-"@swc/core-win32-arm64-msvc@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.24.tgz#85a18c844c00d66bf46db99d9c98e9550b4d28f5"
-  integrity sha512-qhbiJTWAOqyR+K9xnGmCkOWSz2EmWpDBstEJCEOTc6FZiEdbiTscDmqTcMbCKaTHGu8t+6erVA4t65/Eg6uWPA==
+"@swc/core-win32-arm64-msvc@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.27.tgz#70c173f78d3dfd97a0d99374d8f6d55b6fa1c4ef"
+  integrity sha512-baxfH4AbEcaTNo08wxV0W6hiMXwVCxPS4qc0amHpXPti92unvSqeDR1W3C9GjHqzXlWtmCRsq8Ww1pal6ZVLrw==
 
-"@swc/core-win32-ia32-msvc@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.24.tgz#18318199ba06cab4ead8f6122b9f30b3f452b1e7"
-  integrity sha512-JfghIlscE4Rz+Lc08lSoDh+R0cWxrISed5biogFfE6vZqhaDnw3E5Qshqw7O3pIaiq8L2u1nmzuyP581ZmpbRA==
+"@swc/core-win32-ia32-msvc@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.27.tgz#f34d40710da7939ea32c9a3a4334581468ae09aa"
+  integrity sha512-7iLJnH71k5qCwxv9NcM/P7nIEzTsC7r1sIiQW6bu+CpC8qZvwl0PS+XvQRlLly2gCZM+Le98tksYG14MEh+Hrw==
 
-"@swc/core-win32-x64-msvc@1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.24.tgz#b53746787e5af021787134d393fd67b0431f90d9"
-  integrity sha512-3AmJRr0hwciwDBbzUNqaftvppzS8v9X/iv/Wl7YaVLBVpPfQvaZzfqLycvNMGLZb5vIKXR/u58txg3dRBGsJtw==
+"@swc/core-win32-x64-msvc@1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.27.tgz#f3b131d952808569d99dd4851e95910667743bd5"
+  integrity sha512-mFM907PDw/jrQ44+TRjIVGEOy2Mu06mMMz0HPMFuRsBzl5t0Kajp3vmn8FkkpS9wH5982VPi6hPYVTb7QJo5Qg==
 
-"@swc/core@^1.3.24":
-  version "1.3.24"
-  resolved "https://registry.npmmirror.com/@swc/core/-/core-1.3.24.tgz#ef6b30267c1bbd48af62cbc91370fe9b3f5d6a23"
-  integrity sha512-QMOTd0AgiUT3K1crxLRqd3gw0f3FC8hhH1vvlIlryvYqU4c+FJ/T2G4ZhMKLxQlZ/jX6Rhk0gKINZRBxy2GFyQ==
+"@swc/core@^1.3.27":
+  version "1.3.27"
+  resolved "https://registry.npmmirror.com/@swc/core/-/core-1.3.27.tgz#189da5fd132beba28106f5e5fcf43ce127c800dc"
+  integrity sha512-praRNgpeYGvwDIm/Cl6JU+yHMvwVraL0U6ejMgGyzvpcm1FVsZd1/EYXGqzbBJ0ALv7Gx4eK56h4GnwV6d4L0w==
   optionalDependencies:
-    "@swc/core-darwin-arm64" "1.3.24"
-    "@swc/core-darwin-x64" "1.3.24"
-    "@swc/core-linux-arm-gnueabihf" "1.3.24"
-    "@swc/core-linux-arm64-gnu" "1.3.24"
-    "@swc/core-linux-arm64-musl" "1.3.24"
-    "@swc/core-linux-x64-gnu" "1.3.24"
-    "@swc/core-linux-x64-musl" "1.3.24"
-    "@swc/core-win32-arm64-msvc" "1.3.24"
-    "@swc/core-win32-ia32-msvc" "1.3.24"
-    "@swc/core-win32-x64-msvc" "1.3.24"
+    "@swc/core-darwin-arm64" "1.3.27"
+    "@swc/core-darwin-x64" "1.3.27"
+    "@swc/core-linux-arm-gnueabihf" "1.3.27"
+    "@swc/core-linux-arm64-gnu" "1.3.27"
+    "@swc/core-linux-arm64-musl" "1.3.27"
+    "@swc/core-linux-x64-gnu" "1.3.27"
+    "@swc/core-linux-x64-musl" "1.3.27"
+    "@swc/core-win32-arm64-msvc" "1.3.27"
+    "@swc/core-win32-ia32-msvc" "1.3.27"
+    "@swc/core-win32-x64-msvc" "1.3.27"
 
 "@swc/css-android-arm-eabi@0.0.18":
   version "0.0.18"
@@ -10800,7 +10800,7 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^5.1.3:
+terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.3.6:
   version "5.3.6"
   resolved "https://registry.npmmirror.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c"
   integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==

From bda1bb4cf53e7b9dd12d74e4eff416c80857e763 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Wed, 8 Feb 2023 07:46:42 +0000
Subject: [PATCH 14/19] fix: minify

---
 .../plugins/commands/webpackConfig/index.js   |   1 +
 .../commands/webpackConfig/minimizer.js       |  21 ++--
 .../commands/webpackConfig/swcOptions.js      |   4 +-
 packages/fes-template/package.json            |   2 +-
 yarn.lock                                     | 108 +++++++++---------
 5 files changed, 72 insertions(+), 64 deletions(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 026f08c8..d834354e 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -319,6 +319,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         isProd,
         config,
         webpackConfig,
+        swcOptions: useSwc ? buildSwcOptions(targets, config, false, false, true) : undefined,
     });
 
     // --------------- chainwebpack -----------
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
index 34ea0dc3..bf9343ea 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
@@ -38,15 +38,22 @@ const defaultTerserOptions = {
     },
 };
 
-const terserOptions = (config) => ({
-    terserOptions: deepmerge(defaultTerserOptions, config.terserOptions || {}),
-    extractComments: false,
-    minify: config.swcLoader ? TerserPlugin.swcMinify : undefined,
-});
+const terserOptions = (config, swcOptions) => {
+    if (swcOptions) {
+        return {
+            terserOptions: swcOptions.jsc?.minify,
+            minify: TerserPlugin.swcMinify,
+        };
+    }
+    return {
+        terserOptions: deepmerge(defaultTerserOptions, config.terserOptions || {}),
+        extractComments: false,
+    };
+};
 
-export default function createMinimizerWebpackConfig({ isProd, config, webpackConfig }) {
+export default function createMinimizerWebpackConfig({ isProd, config, webpackConfig, swcOptions }) {
     if (isProd) {
-        webpackConfig.optimization.minimizer('terser').use(require.resolve('terser-webpack-plugin'), [terserOptions(config)]);
+        webpackConfig.optimization.minimizer('terser').use(require.resolve('terser-webpack-plugin'), [terserOptions(config, swcOptions)]);
     }
     if (process.env.FES_ENV === 'test') {
         webpackConfig.optimization.minimize(false);
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
index 503b98c9..e5654e36 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
@@ -1,6 +1,6 @@
 import { deepmerge } from '@fesjs/utils';
 
-export function buildSwcOptions(targets, config, isJsx, isTs) {
+export function buildSwcOptions(targets, config, isJsx, isTs, minify = false) {
     if (config.swcLoader?.cjsPkg) {
         delete config.swcLoader.cjsPkg;
     }
@@ -26,7 +26,7 @@ export function buildSwcOptions(targets, config, isJsx, isTs) {
                 // preserveAllComments: true,
             },
             isModule: 'unknown',
-            minify: false,
+            minify: minify ? {} : false,
         },
         config.swcLoader || {},
     );
diff --git a/packages/fes-template/package.json b/packages/fes-template/package.json
index c7ccc9ae..8b5ebda2 100644
--- a/packages/fes-template/package.json
+++ b/packages/fes-template/package.json
@@ -60,7 +60,7 @@
     "@fesjs/plugin-vuex": "^3.0.0-rc.0",
     "@fesjs/plugin-watermark": "^3.0.0-rc.0",
     "@fesjs/plugin-windicss": "^3.0.0-rc.0",
-    "@swc/core": "^1.3.27",
+    "@swc/core": "^1.3.32",
     "core-js": "3.27.0",
     "pinia": "^2.0.11",
     "swc-plugin-vue-jsx": "^0.2.0",
diff --git a/yarn.lock b/yarn.lock
index c94612b6..72e55047 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2241,71 +2241,71 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@swc/core-darwin-arm64@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.27.tgz#247b275d505c2462ce08cca4e322becbca8e428a"
-  integrity sha512-IKlxkhEy99CnP9nduaf5IJWIFcr6D5cZCjYmCs7nWkjMV+aAieyDO9AX4LT8AcHy6CF7ByOX7SKoqk+gVMAaKw==
+"@swc/core-darwin-arm64@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.32.tgz#841b0a244c2c75e67bb9d3cb665b2ede601e4e3a"
+  integrity sha512-o19bhlxuUgjUElm6i+QhXgZ0vD6BebiB/gQpK3en5aAwhOvinwr4sah3GqFXsQzz/prKVDuMkj9SW6F/Ug5hgg==
 
-"@swc/core-darwin-x64@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.27.tgz#11090424c9bfd0d3e799abb06c1fa6a07abf5ed9"
-  integrity sha512-MtabZIhFf/dL3vs6UMbd+vJsjIkm2NaFqulGV0Jofy2bfVZPTj/b5pXeOlUsTWy7JcH1uixjdx4RvJRyvqJxQA==
+"@swc/core-darwin-x64@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.32.tgz#125247c6a5d7189776a6973b0a539a07576d5585"
+  integrity sha512-hVEGd+v5Afh+YekGADOGKwhuS4/AXk91nLuk7pmhWkk8ceQ1cfmah90kXjIXUlCe2G172MLRfHNWlZxr29E/Og==
 
-"@swc/core-linux-arm-gnueabihf@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.27.tgz#a41b40e056ed0887686e04a30b395521fe3f2d47"
-  integrity sha512-XELMoGcUTAkk+G4buwIIhu6AIr1U418Odt22HUW8+ZvV+Wty2ICgR/myOIhM3xMb6U2L8ay+evMqoVNMQ0RRTg==
+"@swc/core-linux-arm-gnueabihf@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.32.tgz#d8ba8da3707b91e62059e65e375fc6093c4d5f82"
+  integrity sha512-5X01WqI9EbJ69oHAOGlI08YqvEIXMfT/mCJ1UWDQBb21xWRE2W1yFAAeuqOLtiagLrXjPv/UKQ0S2gyWQR5AXQ==
 
-"@swc/core-linux-arm64-gnu@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.27.tgz#61705b0d534472a9dbde575594c61ef1377d0075"
-  integrity sha512-O6vtT6bnrVR9PzEIuA5U7tIfYo7bv97H9K9Vqy2oyHNeGN0H36DKwS4UqPreHtziXNF5+7ubdUYUkrG/j8UnUQ==
+"@swc/core-linux-arm64-gnu@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.32.tgz#15973e533c45e2976e57c590613e3e5dca0e62ad"
+  integrity sha512-PTJ6oPiutkNBg+m22bUUPa4tNuMmsgpSnsnv2wnWVOgK0lhvQT6bAPTUXDq/8peVAgR/SlpP2Ht8TRRqYMRjRQ==
 
-"@swc/core-linux-arm64-musl@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.27.tgz#4fb86dcf70b7fc1aba51d82bba00bb2c4134a980"
-  integrity sha512-Oa0E1i7dOTWpaEZumKoNbTE/Ap+da6nlhqKVUdYrFDrOBi25tz76SdxZIyvAszzmgY89b5yd1naourKmkPXpww==
+"@swc/core-linux-arm64-musl@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.32.tgz#0e20f30885c8588bd13e7e5628ce8bdbe6cb44b6"
+  integrity sha512-lG0VOuYNPWOCJ99Aza69cTljjeft/wuRQeYFF8d+1xCQS/OT7gnbgi7BOz39uSHIPTBqfzdIsuvzdKlp9QydrQ==
 
-"@swc/core-linux-x64-gnu@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.27.tgz#691cc341f8dd7f93a8e01044a2ad8b0e7111d65c"
-  integrity sha512-S3v9H8oL2a8Ur6AjQyhkC6HfBVPOxKMdBhcZmdNuVgEUHbHdbf/Lka85F9IOYXEarMn0FtQw3ywowS22O9L5Uw==
+"@swc/core-linux-x64-gnu@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.32.tgz#2ea5e17d13a70e6a13742282cf30e92e4074f4c5"
+  integrity sha512-ecqtSWX4NBrs7Ji2VX3fDWeqUfrbLlYqBuufAziCM27xMxwlAVgmyGQk4FYgoQ3SAUAu3XFH87+3Q7uWm2X7xg==
 
-"@swc/core-linux-x64-musl@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.27.tgz#a3e1c98513d6e8594c612ab3a671f10e2644dc2e"
-  integrity sha512-6DDkdXlOADpwICFZTRphCR+cIeS8aEYh4NlyzBito0mOWwIIdfCgALzhkTQOzTOkcD42bP97CIoZ97hqV/puOg==
+"@swc/core-linux-x64-musl@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.32.tgz#d96cde03d54f13f77dd1d6602a049bd2baaef446"
+  integrity sha512-rl3dMcUuENVkpk5NGW/LXovjK0+JFm4GWPjy4NM3Q5cPvhBpGwSeLZlR+zAw9K0fdGoIXiayRTTfENrQwwsH+g==
 
-"@swc/core-win32-arm64-msvc@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.27.tgz#70c173f78d3dfd97a0d99374d8f6d55b6fa1c4ef"
-  integrity sha512-baxfH4AbEcaTNo08wxV0W6hiMXwVCxPS4qc0amHpXPti92unvSqeDR1W3C9GjHqzXlWtmCRsq8Ww1pal6ZVLrw==
+"@swc/core-win32-arm64-msvc@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.32.tgz#3870113492cc3d2679945372f4975ce7f60594cc"
+  integrity sha512-VlybAZp8DcS66CH1LDnfp9zdwbPlnGXREtHDMHaBfK9+80AWVTg+zn0tCYz+HfcrRONqxbudwOUIPj+dwl/8jw==
 
-"@swc/core-win32-ia32-msvc@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.27.tgz#f34d40710da7939ea32c9a3a4334581468ae09aa"
-  integrity sha512-7iLJnH71k5qCwxv9NcM/P7nIEzTsC7r1sIiQW6bu+CpC8qZvwl0PS+XvQRlLly2gCZM+Le98tksYG14MEh+Hrw==
+"@swc/core-win32-ia32-msvc@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.32.tgz#643519663778e64941c8b730197d4ba762dffcb0"
+  integrity sha512-MEUMdpUFIQ+RD+K/iHhHKfu0TFNj9VXwIxT5hmPeqyboKo095CoFEFBJ0sHG04IGlnu8T9i+uE2Pi18qUEbFug==
 
-"@swc/core-win32-x64-msvc@1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.27.tgz#f3b131d952808569d99dd4851e95910667743bd5"
-  integrity sha512-mFM907PDw/jrQ44+TRjIVGEOy2Mu06mMMz0HPMFuRsBzl5t0Kajp3vmn8FkkpS9wH5982VPi6hPYVTb7QJo5Qg==
+"@swc/core-win32-x64-msvc@1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.32.tgz#aa9595cb93d9dd5bbc7e5cfdabd8bb086ea6c21d"
+  integrity sha512-DPMoneNFQco7SqmVVOUv1Vn53YmoImEfrAPMY9KrqQzgfzqNTuL2JvfxUqfAxwQ6pEKYAdyKJvZ483rIhgG9XQ==
 
-"@swc/core@^1.3.27":
-  version "1.3.27"
-  resolved "https://registry.npmmirror.com/@swc/core/-/core-1.3.27.tgz#189da5fd132beba28106f5e5fcf43ce127c800dc"
-  integrity sha512-praRNgpeYGvwDIm/Cl6JU+yHMvwVraL0U6ejMgGyzvpcm1FVsZd1/EYXGqzbBJ0ALv7Gx4eK56h4GnwV6d4L0w==
+"@swc/core@^1.3.32":
+  version "1.3.32"
+  resolved "https://registry.npmmirror.com/@swc/core/-/core-1.3.32.tgz#ecb3c9d7717e0a15796230def1b17968b18228f1"
+  integrity sha512-Yx/n1j+uUkcqlJAW8IRg8Qymgkdow6NHJZPFShiR0YiaYq2sXY+JHmvh16O6GkL91Y+gTlDUS7uVgDz50czJUQ==
   optionalDependencies:
-    "@swc/core-darwin-arm64" "1.3.27"
-    "@swc/core-darwin-x64" "1.3.27"
-    "@swc/core-linux-arm-gnueabihf" "1.3.27"
-    "@swc/core-linux-arm64-gnu" "1.3.27"
-    "@swc/core-linux-arm64-musl" "1.3.27"
-    "@swc/core-linux-x64-gnu" "1.3.27"
-    "@swc/core-linux-x64-musl" "1.3.27"
-    "@swc/core-win32-arm64-msvc" "1.3.27"
-    "@swc/core-win32-ia32-msvc" "1.3.27"
-    "@swc/core-win32-x64-msvc" "1.3.27"
+    "@swc/core-darwin-arm64" "1.3.32"
+    "@swc/core-darwin-x64" "1.3.32"
+    "@swc/core-linux-arm-gnueabihf" "1.3.32"
+    "@swc/core-linux-arm64-gnu" "1.3.32"
+    "@swc/core-linux-arm64-musl" "1.3.32"
+    "@swc/core-linux-x64-gnu" "1.3.32"
+    "@swc/core-linux-x64-musl" "1.3.32"
+    "@swc/core-win32-arm64-msvc" "1.3.32"
+    "@swc/core-win32-ia32-msvc" "1.3.32"
+    "@swc/core-win32-x64-msvc" "1.3.32"
 
 "@swc/css-android-arm-eabi@0.0.18":
   version "0.0.18"

From 9d6b32be88aba540e6b4b5334f9f9c92285abcd8 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Mon, 13 Feb 2023 08:17:29 +0000
Subject: [PATCH 15/19] fix: keep browsers

---
 packages/fes-preset-built-in/src/plugins/features/targets.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fes-preset-built-in/src/plugins/features/targets.js b/packages/fes-preset-built-in/src/plugins/features/targets.js
index 31e79a8a..592d97ec 100644
--- a/packages/fes-preset-built-in/src/plugins/features/targets.js
+++ b/packages/fes-preset-built-in/src/plugins/features/targets.js
@@ -5,7 +5,7 @@ export default (api) => {
             default: {
                 chrome: '64',
                 ios: '11',
-                // browsers: ['defaults and not chrome < 61'],
+                browsers: ['defaults and not chrome < 61'],
             },
             schema(joi) {
                 return joi.object();

From db6f2799efae436843d89e2abcd6600e4fc52d52 Mon Sep 17 00:00:00 2001
From: RiESAEX <2597245950@qq.com>
Date: Mon, 13 Feb 2023 08:23:20 +0000
Subject: [PATCH 16/19] revert: devtool

---
 .../src/plugins/commands/webpackConfig/index.js                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index d834354e..429a8009 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -60,7 +60,7 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
     webpackConfig.mode(env);
     webpackConfig.stats('errors-only');
     webpackConfig.externals(config.externals || {});
-    webpackConfig.devtool(false);
+    webpackConfig.devtool(isDev ? config.devtool || 'cheap-module-source-map' : config.devtool);
 
     // --------------- cache -----------
     webpackConfig.cache({

From e05fb32a76c7ef309f17ada1ed4bc340886d768b Mon Sep 17 00:00:00 2001
From: wanchun <445436867@qq.com>
Date: Wed, 1 Mar 2023 16:29:42 +0800
Subject: [PATCH 17/19] feat: plugin-swc

---
 README.en-US.md                               |   1 +
 README.md                                     |   2 +-
 build.config.js                               |   1 +
 docs/.vuepress/configs/sidebar/zh.ts          |   1 +
 docs/guide/builder.md                         |   1 -
 docs/reference/config/README.md               |   7 -
 docs/reference/plugin/README.md               |   3 +-
 docs/reference/plugin/plugins/swc.md          |  30 ++++
 packages/fes-builder-webpack/package.json     |   2 -
 packages/fes-builder-webpack/src/index.js     |   1 -
 .../src/plugins/commands/webpackConfig/css.js |   3 +-
 .../plugins/commands/webpackConfig/index.js   | 128 +++++-------------
 .../commands/webpackConfig/minimizer.js       |  21 +--
 .../src/plugins/features/swcLoader.js         |  10 --
 packages/fes-plugin-swc/LICENSE               |  21 +++
 packages/fes-plugin-swc/README.md             | 126 +++++++++++++++++
 packages/fes-plugin-swc/package.json          |  41 ++++++
 packages/fes-plugin-swc/src/index.js          | 126 +++++++++++++++++
 .../src}/swcOptions.js                        |  15 +-
 packages/fes-plugin-swc/types.d.ts            |   7 +
 .../src/plugins/features/targets.js           |   1 -
 packages/fes-template/.fes.js                 |   8 +-
 packages/fes-template/package.json            |   3 +-
 23 files changed, 418 insertions(+), 141 deletions(-)
 create mode 100644 docs/reference/plugin/plugins/swc.md
 delete mode 100644 packages/fes-builder-webpack/src/plugins/features/swcLoader.js
 create mode 100644 packages/fes-plugin-swc/LICENSE
 create mode 100644 packages/fes-plugin-swc/README.md
 create mode 100644 packages/fes-plugin-swc/package.json
 create mode 100644 packages/fes-plugin-swc/src/index.js
 rename packages/{fes-builder-webpack/src/plugins/commands/webpackConfig => fes-plugin-swc/src}/swcOptions.js (63%)
 create mode 100644 packages/fes-plugin-swc/types.d.ts

diff --git a/README.en-US.md b/README.en-US.md
index 36033479..f963c950 100644
--- a/README.en-US.md
+++ b/README.en-US.md
@@ -66,6 +66,7 @@ It mainly has the following functions:
 | [@fesjs/plugin-monaco-editor](http://fesjs.mumblefe.cn/reference/plugin/plugins/editor.html#%E4%BB%8B%E7%BB%8D) | Provide code editor capability, based on `monaco-editor` (code editor used by VS Code) |
 | [@fesjs/plugin-pinia](http://fesjs.mumblefe.cn/reference/plugin/plugins/pinia.html) | state manager |
 | [@fesjs/plugin-watermark](http://fesjs.mumblefe.cn/reference/plugin/plugins/watermark.html) | watermark |
+| [@fesjs/plugin-swc](http://fesjs.mumblefe.cn/reference/plugin/plugins/swc.html) | use swc-loader |
 
 ## As easy as counting 1, 2, 3
 use `yarn`：
diff --git a/README.md b/README.md
index dff37b69..b6b56174 100644
--- a/README.md
+++ b/README.md
@@ -67,7 +67,7 @@ Fes.js 是一个好用的前端应用解决方案。提供覆盖编译构建到
 | [@fesjs/plugin-windicss](http://fesjs.mumblefe.cn/reference/plugin/plugins/windicss.html) | 基于 `windicss`，提供原子化 CSS 能力 |
 | [@fesjs/plugin-pinia](http://fesjs.mumblefe.cn/reference/plugin/plugins/pinia.html) | pinia，状态处理 |
 | [@fesjs/plugin-watermark](http://fesjs.mumblefe.cn/reference/plugin/plugins/watermark.html) | 水印 |
-
+| [@fesjs/plugin-swc](http://fesjs.mumblefe.cn/reference/plugin/plugins/swc.html) | 使用swc-loader构建 |
 
 ## 像数 1, 2, 3 一样容易
 使用 `yarn`：
diff --git a/build.config.js b/build.config.js
index 58b16ef4..d3952f64 100644
--- a/build.config.js
+++ b/build.config.js
@@ -23,6 +23,7 @@ module.exports = {
         'fes-plugin-pinia',
         'fes-plugin-windicss',
         'fes-plugin-watermark',
+        'fes-plugin-swc',
     ],
     copy: [],
 };
diff --git a/docs/.vuepress/configs/sidebar/zh.ts b/docs/.vuepress/configs/sidebar/zh.ts
index 71d364a7..bafbc83b 100644
--- a/docs/.vuepress/configs/sidebar/zh.ts
+++ b/docs/.vuepress/configs/sidebar/zh.ts
@@ -65,6 +65,7 @@ export const zh: SidebarConfig = {
         '/reference/plugin/plugins/editor.md',
         '/reference/plugin/plugins/pinia.md',
         '/reference/plugin/plugins/watermark.md',
+        '/reference/plugin/plugins/swc.md',
       ],
     },
     {
diff --git a/docs/guide/builder.md b/docs/guide/builder.md
index a0773538..67d5fb86 100644
--- a/docs/guide/builder.md
+++ b/docs/guide/builder.md
@@ -4,7 +4,6 @@
 
 -   选用 Vite 构建，安装 `npm i @fesjs/builder-vite` 依赖即可。
 -   选用 Webpack 构建，安装 `npm i @fesjs/builder-webpack` 依赖即可。
--   Webpack构建支持用babel+terser和swc两种编译方式，如选用swc，安装`npm i @swc/core` 同时配置额外传`swcLoader:{}`，具体可以查看[配置](../reference/config)。
 
 ## 使用差异
 
diff --git a/docs/reference/config/README.md b/docs/reference/config/README.md
index 3f169a65..ff71b4e7 100644
--- a/docs/reference/config/README.md
+++ b/docs/reference/config/README.md
@@ -459,13 +459,6 @@ export default {
 
 配置额外的 `babel` 插件集。
 
-### swcLoader
--  类型： `object`
--  默认值： `undefined`
--  详情：
-
-传对象时使用swc进行编译和压缩，[swc配置](https://swc.rs/docs/configuration/swcrc)  
-默认usage模式
 ### extraPostCSSPlugins
 
 -   类型： `array`
diff --git a/docs/reference/plugin/README.md b/docs/reference/plugin/README.md
index a9cccbfb..25be0d87 100644
--- a/docs/reference/plugin/README.md
+++ b/docs/reference/plugin/README.md
@@ -7,7 +7,7 @@
 | [@fesjs/plugin-enums](./plugins/enums.md)  | 提供统一的枚举存取及丰富的函数来处理枚举 | 
 | [@fesjs/plugin-icon](./plugins/icon.md)  | svg 文件自动注册为组件 |  
 | [@fesjs/plugin-jest](./plugins/jest.md)  | 基于 `Jest`，提供单元测试、覆盖测试能力 | 
-| [ @fesjs/plugin-layout](./plugins/layout.md) |  简单的配置即可拥有布局，包括导航以及侧边栏 |
+| [@fesjs/plugin-layout](./plugins/layout.md) |  简单的配置即可拥有布局，包括导航以及侧边栏 |
 | [@fesjs/plugin-locale](./plugins/locale.md) |  基于 `Vue I18n`，提供国际化能力 |
 | [@fesjs/plugin-model](./plugins/model.md) |  简易的数据管理方案 |
 | [@fesjs/plugin-request](./plugins/request.md) |  基于 `Axios` 封装的 request，内置防止重复请求、请求节流、错误处理等功能 |
@@ -18,6 +18,7 @@
 | [@fesjs/plugin-windicss](./plugins/windicss.md) | 基于 `windicss`，提供原子化 CSS 能力 |
 | [@fesjs/plugin-pinia](./plugins/pinia.md) | 基于 `pinia`，提供状态管理 |
 | [@fesjs/plugin-watermark](./plugins/watermark.md) | 水印 |
+| [@fesjs/plugin-swc](./plugins/swc.md) | swc |
 
 ## 架构
 
diff --git a/docs/reference/plugin/plugins/swc.md b/docs/reference/plugin/plugins/swc.md
new file mode 100644
index 00000000..108191ec
--- /dev/null
+++ b/docs/reference/plugin/plugins/swc.md
@@ -0,0 +1,30 @@
+# @fesjs/plugin-swc
+
+## 介绍
+webpack 启用 swc，构建速度更快！
+
+
+## 启用方式
+在 `package.json` 中引入依赖：
+```json
+{
+    "dependencies": {
+        "@fesjs/fes": "^3.0.0",
+        "@fesjs/plugin-swc": "^3.0.0"
+    },
+}
+```
+
+## 编译时配置
+传对象时使用swc进行编译和压缩，[loader配置](https://swc.rs/docs/configuration/swcrc)，默认usage模式。
+```js
+export default {
+    swc: {
+        loader: {
+            env: {
+                coreJs: '3.27',
+            },
+        }
+    },
+}
+```
diff --git a/packages/fes-builder-webpack/package.json b/packages/fes-builder-webpack/package.json
index 146bf96d..bdb40c4c 100644
--- a/packages/fes-builder-webpack/package.json
+++ b/packages/fes-builder-webpack/package.json
@@ -35,7 +35,6 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-typescript": "^7.15.0",
     "@fesjs/utils": "3.0.0-rc.2",
-    "@swc/css": "^0.0.18",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.2.4",
     "babel-loader": "^8.2.2",
@@ -56,7 +55,6 @@
     "postcss-loader": "^4.2.0",
     "postcss-safe-parser": "^6.0.0",
     "style-loader": "^2.0.0",
-    "swc-loader": "^0.2.3",
     "terser-webpack-plugin": "^5.3.6",
     "vue-loader": "^16.1.2",
     "webpack": "^5.69.0",
diff --git a/packages/fes-builder-webpack/src/index.js b/packages/fes-builder-webpack/src/index.js
index d4455dcc..e9e1b703 100644
--- a/packages/fes-builder-webpack/src/index.js
+++ b/packages/fes-builder-webpack/src/index.js
@@ -24,7 +24,6 @@ export default function () {
             require.resolve('./plugins/features/postcssLoader'),
             require.resolve('./plugins/features/nodeModulesTransform'),
             require.resolve('./plugins/features/vueLoader'),
-            require.resolve('./plugins/features/swcLoader'),
 
             // commands
             require.resolve('./plugins/commands/build'),
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
index ca8ab814..5fad5ec9 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/css.js
@@ -10,7 +10,6 @@
 // 根据 entry 将文件输出到不同的文件夹
 
 import { deepmerge } from '@fesjs/utils';
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 
 function createRules({ isDev, webpackConfig, config, lang, test, loader, options, browserslist, styleLoaderOption }) {
     function applyLoaders(rule, cssLoaderOption = {}) {
@@ -98,7 +97,7 @@ export default function createCssWebpackConfig({ isDev, config, webpackConfig, b
                 chunkFilename: '[id].[contenthash:8].css',
             },
         ]);
-        webpackConfig.optimization.minimizer('css').use(require.resolve('css-minimizer-webpack-plugin'), [{ minify: CssMinimizerPlugin.swcMinify }]);
+        webpackConfig.optimization.minimizer('css').use(require.resolve('css-minimizer-webpack-plugin'), [{}]);
     }
 
     return (options) => {
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
index 429a8009..6aa22f4d 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/index.js
@@ -8,7 +8,6 @@ import createVueWebpackConfig from './vue';
 import createDefineWebpackConfig from './define';
 import createMinimizerWebpackConfig from './minimizer';
 import createHtmlWebpackConfig from './html';
-import { buildSwcOptions } from './swcOptions';
 
 const DEFAULT_EXCLUDE_NODE_MODULES = [
     'vue',
@@ -53,7 +52,6 @@ function handleAlias({ api, webpackConfig }) {
 export default async function getConfig({ api, cwd, config, env, entry = {}, modifyBabelOpts, modifyBabelPresetOpts, chainWebpack, headScripts, publicPath }) {
     const isDev = env === 'development';
     const isProd = env === 'production';
-    const useSwc = !!config.swcLoader;
     const webpackConfig = new Config();
     const absoluteOutput = join(cwd, config.outputPath || 'dist');
 
@@ -114,6 +112,13 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         .type('asset/source');
 
     const { targets, browserslist } = api.utils.getTargetsAndBrowsersList({ config });
+    const babelOpts = await getBabelOpts({
+        cwd,
+        config,
+        modifyBabelOpts,
+        modifyBabelPresetOpts,
+        targets,
+    });
 
     // --------------- js -----------
     // https://webpack.docschina.org/configuration/module/#resolve-fully-specified
@@ -122,106 +127,43 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         .test(/\.m?jsx?$/)
         .resolve.set('fullySpecified', false);
 
-    if (useSwc) {
-        webpackConfig.module
-            .rule('js')
-            .test(/\.(js|mjs)$/)
+    webpackConfig.module
+        .rule('js')
+        .test(/\.(js|mjs|jsx|ts|tsx)$/)
+        .exclude.add((filepath) => {
+            // always transpile js in vue files
+            if (/(\.vue|\.jsx)$/.test(filepath)) {
+                return false;
+            }
             // Don't transpile node_modules
-            .exclude.add(/node_modules/)
-            .end()
-            .use('swc-loader')
-            .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, false));
-        webpackConfig.module
-            .rule('jsx')
-            .test(/\.jsx$/)
-            .exclude.add(/node_modules/)
-            .end()
-            .use('swc-loader')
-            .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, false));
+            return /node_modules/.test(filepath);
+        })
+        .end()
+        .use('babel-loader')
+        .loader(require.resolve('babel-loader'))
+        .options(babelOpts);
 
+    // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
+    if (isProd) {
+        const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
         webpackConfig.module
-            .rule('ts')
-            .test(/\.ts$/)
-            .exclude.add(/node_modules/)
+            .rule('js-in-node_modules')
+            .test(/\.(js|mjs)$/)
+            .include.add(/node_modules/)
             .end()
-            .use('swc-loader')
-            .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, false, true));
-        webpackConfig.module
-            .rule('tsx')
-            .test(/\.tsx$/)
-            .exclude.add(/node_modules/)
-            .end()
-            .use('swc-loader')
-            .loader(require.resolve('swc-loader'))
-            .options(buildSwcOptions(targets, config, true, true));
-        // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
-        if (isProd) {
-            // const cjsReg = [/css-loader/, /vue-loader/].concat(config.swcLoader?.cjsPkg || []);
-            const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
-            webpackConfig.module
-                .rule('node_modules')
-                .test(/\.(js|mjs)$/)
-                .include.add(/node_modules/)
-                .end()
-                .exclude.add((filepath) => {
-                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
-                        return true;
-                    }
-                    return false;
-                })
-                .end()
-                .use('swc-loader')
-                .loader(require.resolve('swc-loader'))
-                .options(buildSwcOptions(targets, config, false, false));
-        }
-    } else {
-        const babelOpts = await getBabelOpts({
-            cwd,
-            config,
-            modifyBabelOpts,
-            modifyBabelPresetOpts,
-            targets,
-        });
-        webpackConfig.module
-            .rule('js')
-            .test(/\.(js|mjs|jsx|ts|tsx)$/)
             .exclude.add((filepath) => {
-                // always transpile js in vue files
-                if (/(\.tsx|\.ts|\.jsx)$/.test(filepath)) {
-                    return false;
+                if (transpileDepRegex && transpileDepRegex.test(filepath)) {
+                    return true;
                 }
-                // Don't transpile node_modules
-                return /node_modules/.test(filepath);
+
+                return false;
             })
             .end()
             .use('babel-loader')
             .loader(require.resolve('babel-loader'))
             .options(babelOpts);
-
-        // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
-        if (isProd) {
-            const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
-            webpackConfig.module
-                .rule('js-in-node_modules')
-                .test(/\.(js|mjs)$/)
-                .include.add(/node_modules/)
-                .end()
-                .exclude.add((filepath) => {
-                    if (transpileDepRegex && transpileDepRegex.test(filepath)) {
-                        return true;
-                    }
-
-                    return false;
-                })
-                .end()
-                .use('babel-loader')
-                .loader(require.resolve('babel-loader'))
-                .options(babelOpts);
-        }
     }
+
     // --------------- css -----------
     const createCSSRule = createCssWebpackConfig({
         isDev,
@@ -319,13 +261,15 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         isProd,
         config,
         webpackConfig,
-        swcOptions: useSwc ? buildSwcOptions(targets, config, false, false, true) : undefined,
     });
 
     // --------------- chainwebpack -----------
     if (chainWebpack) {
         await chainWebpack(webpackConfig, {
             createCSSRule,
+            env,
+            targets,
+            browserslist,
             webpack,
         });
     }
@@ -334,6 +278,8 @@ export default async function getConfig({ api, cwd, config, env, entry = {}, mod
         await config.chainWebpack(webpackConfig, {
             createCSSRule,
             env,
+            targets,
+            browserslist,
             webpack,
         });
     }
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
index bf9343ea..507b8c52 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
+++ b/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/minimizer.js
@@ -1,5 +1,4 @@
 import { deepmerge } from '@fesjs/utils';
-import TerserPlugin from 'terser-webpack-plugin';
 
 const defaultTerserOptions = {
     compress: {
@@ -38,22 +37,14 @@ const defaultTerserOptions = {
     },
 };
 
-const terserOptions = (config, swcOptions) => {
-    if (swcOptions) {
-        return {
-            terserOptions: swcOptions.jsc?.minify,
-            minify: TerserPlugin.swcMinify,
-        };
-    }
-    return {
-        terserOptions: deepmerge(defaultTerserOptions, config.terserOptions || {}),
-        extractComments: false,
-    };
-};
+const terserOptions = (config) => ({
+    terserOptions: deepmerge(defaultTerserOptions, config.terserOptions || {}),
+    extractComments: false,
+});
 
-export default function createMinimizerWebpackConfig({ isProd, config, webpackConfig, swcOptions }) {
+export default function createMinimizerWebpackConfig({ isProd, config, webpackConfig }) {
     if (isProd) {
-        webpackConfig.optimization.minimizer('terser').use(require.resolve('terser-webpack-plugin'), [terserOptions(config, swcOptions)]);
+        webpackConfig.optimization.minimizer('terser').use(require.resolve('terser-webpack-plugin'), [terserOptions(config)]);
     }
     if (process.env.FES_ENV === 'test') {
         webpackConfig.optimization.minimize(false);
diff --git a/packages/fes-builder-webpack/src/plugins/features/swcLoader.js b/packages/fes-builder-webpack/src/plugins/features/swcLoader.js
deleted file mode 100644
index 99f57eca..00000000
--- a/packages/fes-builder-webpack/src/plugins/features/swcLoader.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default (api) => {
-    api.describe({
-        key: 'swcLoader',
-        config: {
-            schema(joi) {
-                return joi.object().description('more swc options see https://github.com/swc-project/swc-loader');
-            },
-        },
-    });
-};
diff --git a/packages/fes-plugin-swc/LICENSE b/packages/fes-plugin-swc/LICENSE
new file mode 100644
index 00000000..0978fbf7
--- /dev/null
+++ b/packages/fes-plugin-swc/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-present webank
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/packages/fes-plugin-swc/README.md b/packages/fes-plugin-swc/README.md
new file mode 100644
index 00000000..b6b56174
--- /dev/null
+++ b/packages/fes-plugin-swc/README.md
@@ -0,0 +1,126 @@
+简体中文 | [English](./README.en-US.md)
+
+<p align="center">
+  <a href="../../">
+    <img alt="fes.js" width="250" src="./images/fes-logo.png">
+  </a>
+</p>
+
+<div align="center">
+
+一个优秀的前端解决方案
+
+[![GitHub issues](https://img.shields.io/github/issues/WeBankFinTech/fes.js.svg?style=flat-square)](../../issues)
+[![MIT](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](http://opensource.org/licenses/MIT)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](../../pulls)
+[![Page Views Count](https://badges.toozhao.com/badges/01G7TRNN1PH9PMSCYWDF3EK4QT/green.svg)](https://badges.toozhao.com/stats/01G7TRNN1PH9PMSCYWDF3EK4QT "Get your own page views count badge on badges.toozhao.com")
+
+</div>
+
+- 使用文档 - [http://fesjs.mumblefe.cn/](http://fesjs.mumblefe.cn/)
+- 更新日志 - [CHANGELOG.md](./CHANGELOG.md)
+
+# 痛点
+在开发一个前端项目之前，我们可能需要做如下准备工作：
+- 搭建开发环境
+- 约定代码规范
+- 封装API请求
+- 配置路由
+- 实现布局、菜单、导航
+- 实现登录
+- 权限管理
+- ...
+
+除了准备工作之外，还会遇到很多相似的业务类型，比如中后台应用大多都是工作台、增删改查、权限、图表等。如果每次项目都完全手动处理一遍，不仅耗费时间，久而久之可能会存在多种技术栈、开发规范，导致开发流程不统一，历史项目越来越难维护。所以我们需要一套完整的解决方案，管理开发到部署整个流程。
+
+
+## Fes.js 是什么？
+Fes.js 是一个好用的前端应用解决方案。提供覆盖编译构建到代码运行的每个生命周期的插件体系，支持各种功能扩展和业务需求。以 路由为基础，同时支持配置式路由和约定式路由，保证路由的功能完备。整体上以约定、配置化、组件化的设计思想，让用户仅仅关心用组件搭建页面内容。基于Vue.js3.0，充分利用Vue丰富的生态。技术曲线平缓，上手也简单。在经过多个项目中打磨后趋于稳定。     
+
+它主要具备以下功能：
+- 🚀  __快速__ ，内置了路由、开发、构建等，并且提供测试、布局、权限、国际化、状态管理、API请求、数据字典、SvgIcon等插件，可以满足大部分日常开发需求。  
+  
+- 🧨  __简单__ ，基于Vue.js 3.0，上手简单。贯彻“约定优于配置”思想，设计插件上尽可能用约定替代配置，同时提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。
+
+- 💪  __健壮__ ，只需要关心页面内容，减少写BUG的机会！提供单元测试、覆盖测试能力保障项目质量。
+
+- 📦  __可扩展__ ，借鉴Umi实现了完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在 Fes.js 中协调有序的运行。
+
+- 📡  __面向未来__ ，在满足需求的同时，我们也不会停止对新技术的探索。已使用Vue3.0来提升应用性能，已使用webpack5 和 vite提升构建性能和实现微服务。
+
+## 插件
+
+|  插件   | 介绍  | 
+|  ----  | ----  |
+| [@fesjs/plugin-access](http://fesjs.mumblefe.cn/reference/plugin/plugins/access.html)  | 提供对页面资源的权限控制能力 | 
+| [@fesjs/plugin-enums](http://fesjs.mumblefe.cn/reference/plugin/plugins/enums.html#%E4%BB%8B%E7%BB%8D)  | 提供统一的枚举存取及丰富的函数来处理枚举 | 
+| [@fesjs/plugin-icon](http://fesjs.mumblefe.cn/reference/plugin/plugins/icon.html#%E4%BB%8B%E7%BB%8D)  | svg 文件自动注册为组件 |  
+| [@fesjs/plugin-jest](http://fesjs.mumblefe.cn/reference/plugin/plugins/jest.html#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F)  | 基于 `Jest`，提供单元测试、覆盖测试能力 | 
+| [ @fesjs/plugin-layout](http://fesjs.mumblefe.cn/reference/plugin/plugins/layout.html) |  简单的配置即可拥有布局，包括导航以及侧边栏 |
+| [@fesjs/plugin-locale](http://fesjs.mumblefe.cn/reference/plugin/plugins/locale.html#%E4%BB%8B%E7%BB%8D) |  基于 `Vue I18n`，提供国际化能力 |
+| [@fesjs/plugin-model](http://fesjs.mumblefe.cn/reference/plugin/plugins/model.html#%E4%BB%8B%E7%BB%8D) |  简易的数据管理方案 |
+| [@fesjs/plugin-request](http://fesjs.mumblefe.cn/reference/plugin/plugins/request.html#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F) |  基于 `Axios` 封装的 request，内置防止重复请求、请求节流、错误处理等功能 |
+| [@fesjs/plugin-vuex](http://fesjs.mumblefe.cn/reference/plugin/plugins/vuex.html#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F) |  基于 `Vuex`, 提供状态管理能力 |
+| [@fesjs/plugin-qiankun](http://fesjs.mumblefe.cn/reference/plugin/plugins/qiankun.html#%E4%BB%8B%E7%BB%8D) |  基于 `qiankun`，提供微服务能力 |
+| [@fesjs/plugin-sass](http://fesjs.mumblefe.cn/reference/plugin/plugins/sass.html#%E4%BB%8B%E7%BB%8D) |  样式支持sass |
+| [@fesjs/plugin-monaco-editor](http://fesjs.mumblefe.cn/reference/plugin/plugins/editor.html#%E4%BB%8B%E7%BB%8D) | 提供代码编辑器能力，  基于`monaco-editor`（VS Code使用的代码编辑器） |
+| [@fesjs/plugin-windicss](http://fesjs.mumblefe.cn/reference/plugin/plugins/windicss.html) | 基于 `windicss`，提供原子化 CSS 能力 |
+| [@fesjs/plugin-pinia](http://fesjs.mumblefe.cn/reference/plugin/plugins/pinia.html) | pinia，状态处理 |
+| [@fesjs/plugin-watermark](http://fesjs.mumblefe.cn/reference/plugin/plugins/watermark.html) | 水印 |
+| [@fesjs/plugin-swc](http://fesjs.mumblefe.cn/reference/plugin/plugins/swc.html) | 使用swc-loader构建 |
+
+## 像数 1, 2, 3 一样容易
+使用 `yarn`：
+```bash
+# 创建模板
+yarn create @fesjs/fes-app myapp
+
+# 安装依赖
+yarn 
+
+# 运行
+yarn dev
+```
+
+使用 `npm`：
+```bash
+# 创建模板
+npx @fesjs/create-fes-app myapp
+
+# 安装依赖
+npm install 
+
+# 运行
+npm run dev
+```
+
+## 反馈
+
+| Github Issue  |  Fes.js开源运营小助手 |
+| --- |  --- |
+| [@fesjs/fes.js/issues](../../issues) | <img src="https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg" height="250"/> |
+
+
+## 参与共建
+
+我们非常欢迎社区同学能提交PR：
+
+1. fork项目!
+2. 创建你的功能分支: `git checkout -b my-new-feature`
+3. 本地提交新代码: `git commit -am 'Add some feature'`
+4. 推送本地到服务器分支: `git push origin my-new-feature`
+5. 创建一个PR
+
+如果是发现Bug或者期望添加新功能，请提交[issue](../../issues)。
+
+## 社区活动
+
+### Fesjs 社区有奖征文活动
+
+为了 Fes.js 开源项目更好的运转，同时回馈开源社区，社区推出有奖征文活动！欢迎大家投递实践经验，给社区用户，更广泛的开发者提供借鉴。
+
+经验输出也可以帮助到你系统沉淀自有项目，梳理工作思路，也能够帮助你的技术博客做宣传。优秀的实践案例将有机会邀请参与项目社区技术会议分享，赶快来参与吧。
+请戳：https://mp.weixin.qq.com/s/nV4NG_OUUrdgtft8g_IW4g
+
+ 
+
diff --git a/packages/fes-plugin-swc/package.json b/packages/fes-plugin-swc/package.json
new file mode 100644
index 00000000..0ca6879a
--- /dev/null
+++ b/packages/fes-plugin-swc/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@fesjs/plugin-swc",
+  "version": "3.0.0-rc.0",
+  "description": "@fesjs/plugin-swc",
+  "main": "lib/index.js",
+  "types": "types.d.ts",
+  "files": [
+    "lib",
+    "types.d.ts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WeBankFinTech/fes.js.git",
+    "directory": "packages/fes-plugin-swc"
+  },
+  "keywords": [
+    "fes"
+  ],
+  "author": "RiESAEX",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/WeBankFinTech/fes.js/issues"
+  },
+  "homepage": "https://github.com/WeBankFinTech/fes.js#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@swc/core": "^1.3.32",
+    "@swc/css": "^0.0.18",
+    "swc-plugin-vue-jsx": "^0.2.0",
+    "swc-loader": "^0.2.3",
+    "@fesjs/utils": "^3.0.0-rc.2",
+    "terser-webpack-plugin": "^5.3.6",
+    "css-minimizer-webpack-plugin": "^4.0.0"
+  },
+  "peerDependencies": {
+    "@fesjs/fes": "^3.0.0-rc.7",
+    "@fesjs/builder-webpack": "^3.0.0-rc.5"
+  }
+}
diff --git a/packages/fes-plugin-swc/src/index.js b/packages/fes-plugin-swc/src/index.js
new file mode 100644
index 00000000..e6fb7a55
--- /dev/null
+++ b/packages/fes-plugin-swc/src/index.js
@@ -0,0 +1,126 @@
+import { join } from 'path';
+import TerserPlugin from 'terser-webpack-plugin';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import { buildSwcOptions } from './swcOptions';
+
+const DEFAULT_EXCLUDE_NODE_MODULES = [
+    'vue',
+    'vuex',
+    'vue-router',
+    'core-js',
+    'echarts',
+    '@babel/runtime',
+    'lodash-es',
+    'webpack-dev-server',
+    'ansi-html',
+    'html-entities',
+];
+
+function genTranspileDepRegex(exclude) {
+    exclude = exclude.concat(DEFAULT_EXCLUDE_NODE_MODULES);
+    const deps = exclude.map((dep) => {
+        if (typeof dep === 'string') {
+            const depPath = join('node_modules', dep, '/');
+            return /^win/.test(require('os').platform()) ? depPath.replace(/\\/g, '\\\\') : depPath;
+        }
+        if (dep instanceof RegExp) {
+            return dep.source;
+        }
+
+        throw new Error('exclude only accepts an array of string or regular expressions');
+    });
+    return deps.length ? new RegExp(deps.join('|')) : null;
+}
+
+export default (api) => {
+    api.describe({
+        key: 'swc',
+        config: {
+            schema(joi) {
+                return joi.object({
+                    loader: joi.object().description('more swc options see https://github.com/swc-project/swc-loader'),
+                });
+            },
+        },
+    });
+
+    if (api.builder.name === 'vite') {
+        // vite 不需要处理
+    } else {
+        api.chainWebpack((webpackConfig, { targets, env }) => {
+            const isProd = env === 'production';
+            const config = api.config;
+
+            //清除babel配置
+            webpackConfig.module.rules.delete('js');
+
+            webpackConfig.module
+                .rule('js')
+                .test(/\.(js|mjs)$/)
+                // Don't transpile node_modules
+                .exclude.add(/node_modules/)
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(targets, config, false, false));
+
+            webpackConfig.module
+                .rule('jsx')
+                .test(/\.jsx$/)
+                .exclude.add(/node_modules/)
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(targets, config, true, false));
+
+            webpackConfig.module
+                .rule('ts')
+                .test(/\.ts$/)
+                .exclude.add(/node_modules/)
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(targets, config, false, true));
+
+            webpackConfig.module
+                .rule('tsx')
+                .test(/\.tsx$/)
+                .exclude.add(/node_modules/)
+                .end()
+                .use('swc-loader')
+                .loader(require.resolve('swc-loader'))
+                .options(buildSwcOptions(targets, config, true, true));
+
+            // 为了避免第三方依赖包编译不充分导致线上问题，默认对 node_modules 也进行全编译，只在生产构建的时候进行
+            if (isProd) {
+                webpackConfig.module.rules.delete('js-in-node_modules');
+
+                // const cjsReg = [/css-loader/, /vue-loader/].concat(config.swcLoader?.cjsPkg || []);
+                const transpileDepRegex = genTranspileDepRegex(config.nodeModulesTransform.exclude);
+                webpackConfig.module
+                    .rule('js-in-node_modules')
+                    .test(/\.(js|mjs)$/)
+                    .include.add(/node_modules/)
+                    .end()
+                    .exclude.add((filepath) => {
+                        if (transpileDepRegex && transpileDepRegex.test(filepath)) {
+                            return true;
+                        }
+                        return false;
+                    })
+                    .end()
+                    .use('swc-loader')
+                    .loader(require.resolve('swc-loader'))
+                    .options(buildSwcOptions(targets, config, false, false));
+
+                const swcOptions = buildSwcOptions(targets, config, false, false, true);
+                webpackConfig.optimization.minimizer('css').tap((args) => [...args, { minify: CssMinimizerPlugin.swcMinify }]);
+                webpackConfig.optimization
+                    .minimizer('terser')
+                    .tap((args) => [...args, { terserOptions: swcOptions.jsc?.minify, minify: TerserPlugin.swcMinify }]);
+            }
+
+            return webpackConfig;
+        });
+    }
+};
diff --git a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js b/packages/fes-plugin-swc/src/swcOptions.js
similarity index 63%
rename from packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
rename to packages/fes-plugin-swc/src/swcOptions.js
index e5654e36..b4e14ad5 100644
--- a/packages/fes-builder-webpack/src/plugins/commands/webpackConfig/swcOptions.js
+++ b/packages/fes-plugin-swc/src/swcOptions.js
@@ -1,14 +1,21 @@
 import { deepmerge } from '@fesjs/utils';
 
+const Supported = ['chrome', 'opera', 'edge', 'firefox', 'safari', 'ie', 'ios', 'android', 'node', 'electron'];
+
 export function buildSwcOptions(targets, config, isJsx, isTs, minify = false) {
-    if (config.swcLoader?.cjsPkg) {
-        delete config.swcLoader.cjsPkg;
+    if (config.swc?.loader?.cjsPkg) {
+        delete config.swc.loader.cjsPkg;
     }
     return deepmerge(
         {
             // sync: true,
             env: {
-                targets,
+                targets: Object.keys(targets)
+                    .filter((key) => Supported.includes(key))
+                    .reduce((memo, key) => {
+                        memo[key] = targets[key];
+                        return memo;
+                    }, {}),
                 mode: 'usage',
                 coreJs: '3',
             },
@@ -28,6 +35,6 @@ export function buildSwcOptions(targets, config, isJsx, isTs, minify = false) {
             isModule: 'unknown',
             minify: minify ? {} : false,
         },
-        config.swcLoader || {},
+        config.swc?.loader || {},
     );
 }
diff --git a/packages/fes-plugin-swc/types.d.ts b/packages/fes-plugin-swc/types.d.ts
new file mode 100644
index 00000000..dcba1f52
--- /dev/null
+++ b/packages/fes-plugin-swc/types.d.ts
@@ -0,0 +1,7 @@
+declare module "@fesjs/fes" {
+    interface PluginBuildConfig {
+        swc?: {
+            loader?: object;
+        };
+    }
+}
diff --git a/packages/fes-preset-built-in/src/plugins/features/targets.js b/packages/fes-preset-built-in/src/plugins/features/targets.js
index 592d97ec..ef3fb03b 100644
--- a/packages/fes-preset-built-in/src/plugins/features/targets.js
+++ b/packages/fes-preset-built-in/src/plugins/features/targets.js
@@ -5,7 +5,6 @@ export default (api) => {
             default: {
                 chrome: '64',
                 ios: '11',
-                browsers: ['defaults and not chrome < 61'],
             },
             schema(joi) {
                 return joi.object();
diff --git a/packages/fes-template/.fes.js b/packages/fes-template/.fes.js
index be3cdbbc..a1dee26f 100644
--- a/packages/fes-template/.fes.js
+++ b/packages/fes-template/.fes.js
@@ -1,9 +1,11 @@
 import { defineBuildConfig } from '@fesjs/fes';
 
 export default defineBuildConfig({
-    swcLoader: {
-        env: {
-            coreJs: '3.27',
+    swc: {
+        loader: {
+            env: {
+                coreJs: '3.27',
+            },
         },
     },
     targets: {
diff --git a/packages/fes-template/package.json b/packages/fes-template/package.json
index 8b5ebda2..259d021f 100644
--- a/packages/fes-template/package.json
+++ b/packages/fes-template/package.json
@@ -60,10 +60,9 @@
     "@fesjs/plugin-vuex": "^3.0.0-rc.0",
     "@fesjs/plugin-watermark": "^3.0.0-rc.0",
     "@fesjs/plugin-windicss": "^3.0.0-rc.0",
-    "@swc/core": "^1.3.32",
+    "@fesjs/plugin-swc": "^3.0.0-rc.0",
     "core-js": "3.27.0",
     "pinia": "^2.0.11",
-    "swc-plugin-vue-jsx": "^0.2.0",
     "vue": "^3.2.37",
     "vuex": "^4.0.0"
   },

From 32114081336d00f717bbc04ce9b3de2fbe42fce8 Mon Sep 17 00:00:00 2001
From: wanchun <445436867@qq.com>
Date: Wed, 1 Mar 2023 17:02:22 +0800
Subject: [PATCH 18/19] =?UTF-8?q?feat:=20=E5=8D=87=E7=BA=A7swc=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/fes-plugin-swc/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/fes-plugin-swc/package.json b/packages/fes-plugin-swc/package.json
index 0ca6879a..416aa411 100644
--- a/packages/fes-plugin-swc/package.json
+++ b/packages/fes-plugin-swc/package.json
@@ -26,8 +26,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@swc/core": "^1.3.32",
-    "@swc/css": "^0.0.18",
+    "@swc/core": "^1.3.37",
+    "@swc/css": "^0.0.20",
     "swc-plugin-vue-jsx": "^0.2.0",
     "swc-loader": "^0.2.3",
     "@fesjs/utils": "^3.0.0-rc.2",

From f823a8cf5e8c284487c5c3efb7fb4b11ac0bb58f Mon Sep 17 00:00:00 2001
From: wanchun <445436867@qq.com>
Date: Wed, 1 Mar 2023 17:30:33 +0800
Subject: [PATCH 19/19] =?UTF-8?q?fix:=20=E5=9B=BA=E5=AE=9Acorejs=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=90=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/fes-plugin-swc/src/swcOptions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fes-plugin-swc/src/swcOptions.js b/packages/fes-plugin-swc/src/swcOptions.js
index b4e14ad5..7fd4d533 100644
--- a/packages/fes-plugin-swc/src/swcOptions.js
+++ b/packages/fes-plugin-swc/src/swcOptions.js
@@ -17,7 +17,7 @@ export function buildSwcOptions(targets, config, isJsx, isTs, minify = false) {
                         return memo;
                     }, {}),
                 mode: 'usage',
-                coreJs: '3',
+                coreJs: require('core-js/package.json').version,
             },
             jsc: {
                 parser: {