如何在盖茨比使用babel-loader？

Question

我似乎无法找到如何在我的盖茨比项目中加入babel-loader。我需要使用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" : { ... } } ] ]
}