babelrc 和 babel.config.js区别

最新推荐文章于 2025-04-21 21:50:21 发布

原创最新推荐文章于 2025-04-21 21:50:21 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

babel 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Babel的两种配置文件：.babelrc和babel.config.js的区别与用法。.babelrc仅影响项目内的代码，而babel.config.js则会影响到整个项目包括node_modules中的代码。推荐使用babel.config.js，并给出了具体配置示例。

babelrc 只会影响本项目中的代码
babel.config.js会影响整个项目中的代码，包含node_modules中的代码
推荐使用babel.config.js

babelrc

{
    "plugins": [
        [
            "@ks/babel-plugin-component",
            {
                "libraryName": "@ks/sharp-ui",
                "styleLibrary": {
                    "base": false,
                    "name": "themes/default",
                    "path": "[module].css"
                }
            }
        ]
    ]
}

babel.config.js

module.exports={
    "plugins": [
        [
            "@ks/babel-plugin-component",
            {
                "libraryName": "@ks/sharp-ui",
                "styleLibrary": {
                    "base": false,
                    "name": "themes/default",
                    "path": "[module].css"
                }
            }
        ]
    ]
}