webpack + swc

swc还不是很稳定。

在swcrc 中有配置plugins 时，swc 转换 /node_modules/ 会报错。

环境

• @swc/cor@1.3.62
• swc-loader@0.2.3
• swc-plugin-vue-jsx@0.2.5

解决

配两套rule,一套处理项目代码，一套处理node_modules

webpack.config.js

rules: [
    {
        test: /\.[jt]sx?$/,
        exclude: /node_modules/,
        loader: 'swc-loader'
    },
    {
        test: /\.m?js$/,
        include: /node_modules/, // 单独转换node_modules 中的代码
        loader: 'swc-loader',
        opitons: {
            jsc: {
                experimental: {
                    plugins: [] // 清除插件
                }
            }
        }
    }
]

swcrc

{
    env: {
        mode: "entry", // 用usage 在 处理node_modules 的代码中会有问题。
    },
    jsc: {
        parser: {
            syntax: "typescript",
            jsx: true
        },
        experimental: {
            "plugins":[
                ["swc-plugin-vue-jsx", {}]
            ]
        }
    }
}

mode: entry 稳定一点。用usage会出问题。

果然是experimental.plugin， 实验性feature会不稳定，插件作者也不会盯着更新。

现在用plugin会有各种问题。建议不要用。。。

原因1

for in 的key 外置导致。

let k: Key;
for ( k in obj) {}

解决

// 规矩点写
for(const k in obj){}