Next.js 編譯器

module.exports = {
  compiler: {
    // 詳見 https://styled-components.com/docs/tooling#babel-plugin 以獲取更多選項資訊。
    styledComponents: boolean | {
      // 開發環境預設啟用，生產環境預設停用以減少檔案大小，
      // 設定此選項將覆蓋所有環境的預設值。
      displayName?: boolean,
      // 預設啟用。
      ssr?: boolean,
      // 預設啟用。
      fileName?: boolean,
      // 預設為空。
      topLevelImportPaths?: string[],
      // 預設為 ["index"]。
      meaninglessFileNames?: string[],
      // 預設啟用。
      cssProp?: boolean,
      // 預設為空。
      namespace?: string,
      // 尚未支援。
      minify?: boolean,
      // 尚未支援。
      transpileTemplateLiterals?: boolean,
      // 尚未支援。
      pure?: 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 = {
  swcMinify: false,
}

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

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

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