gatsby - 如何在 gatsby 中使用 babel-loader？

Question

我似乎找不到如何包含babel-loader在我的 gatsby 项目中。我需要使用transform-imports插件babel来简化开发模式下的导入，同时不牺牲生产构建中的大小。

在我的其他项目中，我执行以下操作：

{
    test: /\.js$/,
    use: [
        {
            loader: "babel-loader",
            options: {
                presets: [
                    [
                        "env",
                        {
                            targets: {
                                browsers: [">1%", "last 4 versions", "Firefox ESR", "not ie < 9"]
                            }
                        }
                    ],
                    "stage-0",
                    "react"
                ],
                plugins: [
                    "lodash",
                    [
                        "transform-imports",
                        {
                            "redux-form": {
                                transform: "redux-form/es/${member}",
                                preventFullImport: true
                            }
                    ]
                ]
            }
        }
    ]
}

Answer 1

将插件和配置添加到 .babelrc 文件：

{
 "presets" : [...],
 "plugins" : [..., ["transform-imports", { "redux-form" : { ... } } ] ]
}