Next.js 编译器

module.exports = {
  compiler: {
    styledComponents: true,
  },
}

module.exports = {
  compiler: {
    // 关于选项的更多信息，请参见 https://styled-components.com/docs/tooling#babel-plugin
    styledComponents: {
      // 在开发环境中默认启用，在生产环境中禁用以减小文件大小，
      // 设置此项将覆盖所有环境的默认值。
      displayName?: boolean,
      // 默认启用。
      ssr?: boolean,
      // 默认启用。
      fileName?: boolean,
      // 默认为空。
      topLevelImportPaths?: string[],
      // 默认为 ["index"]。
      meaninglessFileNames?: string[],
      // 默认启用。
      minify?: boolean,
      // 默认启用。
      transpileTemplateLiterals?: boolean,
      // 默认为空。
      namespace?: string,
      // 默认禁用。
      pure?: boolean,
      // 默认启用。
      cssProp?: boolean,
    },
  },
}

const nextJest = require('next/jest')
 
// 提供 Next.js 应用的路径，这将启用加载 next.config.js 和 .env 文件
const createJestConfig = nextJest({ dir: './' })
 
// 你想传递给 Jest 的任何自定义配置
const customJestConfig = {
  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
}
 
// createJestConfig 以这种方式导出，以确保 next/jest 可以加载 Next.js 配置，这是异步的
module.exports = createJestConfig(customJestConfig)

module.exports = {
  compiler: {
    relay: {
      // 这应该与 relay.config.js 匹配
      src: './',
      artifactDirectory: './__generated__',
      language: 'typescript',
      eagerEsModules: false,
    },
  },
}

module.exports = {
  compiler: {
    reactRemoveProperties: true,
  },
}

module.exports = {
  compiler: {
    // 这里定义的正则表达式在 Rust 中处理，所以语法与 JavaScript 的 `RegExp` 不同。
    // 参见 https://docs.rs/regex。
    reactRemoveProperties: { properties: ['^data-custom$'] },
  },
}

module.exports = {
  compiler: {
    removeConsole: true,
  },
}

module.exports = {
  compiler: {
    removeConsole: {
      exclude: ['error'],
    },
  },
}

{
  "compilerOptions": {
    "experimentalDecorators": true
  }
}

{
  "compilerOptions": {
    "jsxImportSource": "theme-ui"
  }
}

 
module.exports = {
  compiler: {
    emotion: boolean | {
      // 默认为 true。当构建类型为生产环境时，它将被禁用。
      sourceMap?: boolean,
      // 默认为 'dev-only'。
      autoLabel?: 'never' | 'dev-only' | 'always',
      // 默认为 '[local]'。
      // 允许的值：`[local]` `[filename]` 和 `[dirname]`
      // 此选项仅在 autoLabel 设置为 'dev-only' 或 'always' 时有效。
      // 它允许你定义生成的标签的格式。
      // 格式通过字符串定义，其中变量部分用方括号 [] 括起来。
      // 例如 labelFormat: "my-classname--[local]"，其中 [local] 将被替换为结果分配到的变量的名称。
      labelFormat?: string,
      // 默认为 undefined。
      // 此选项允许你告诉编译器它应该查看哪些导入来确定它应该转换什么，
      // 所以如果你重新导出 Emotion 的导出，你仍然可以使用转换。
      importMap?: {
        [packageName: string]: {
          [exportName: string]: {
            canonicalImport?: [string, string],
            styledBaseImport?: [string, string],
          }
        }
      },
    },
  },
}

module.exports = {
  transpilePackages: ['@acme/ui', 'lodash-es'],
}

module.exports = {
  compiler: {
    define: {
      MY_STRING_VARIABLE: JSON.stringify('my-string'),
      MY_NUMBER_VARIABLE: '42',
    },
  },
}

module.exports = {
  experimental: {
    swcTraceProfiling: true,
  },
}

module.exports = {
  experimental: {
    swcPlugins: [
      [
        'plugin',
        {
          ...pluginOptions,
        },
      ],
    ],
  },
}