react-refresh/babel の読み込みスキップ

2020-11-24-advent-calendar-2020-html-webpack-plugin-babel-config-skip-react-refresh-implementation.js

module.exports = (api) => {
  const isWeb = api.caller((caller) => {
    if (caller) {
      return caller.target === "web";
    }
  });
  const isDevelopment = api.env("development");

  api.cache(true);

  return {
    presets: [
      [
        "@babel/preset-env",
        {
          useBuiltIns: "usage",
          corejs: 3,
        },
      ],
      "@babel/typescript",
      "@babel/preset-react",
    ],
    plugins: [
      isDevelopment && isWeb && "react-refresh/babel",
    ].filter(Boolean),
  };
};