入門指南

CRACO 有一個很棒的插件 API。您可以查看社群維護的插件列表或開發您自己的插件。

開發插件

CRACO 提供了一系列鉤子和工具函數，讓插件開發變得簡單。插件使用四個鉤子（都是可選的）來建構

craco-example-plugin.js

module.exports = {
  overrideCracoConfig: ({ cracoConfig, pluginOptions, context }) => {
    /* ... */
    return cracoConfig;
  },

  overrideWebpackConfig: ({
    webpackConfig,
    cracoConfig,
    pluginOptions,
    context,
  }) => {
    /* ... */
    return webpackConfig;
  },

  overrideDevServerConfig: ({
    devServerConfig,
    cracoConfig,
    pluginOptions,
    context,
  }) => {
    /* ... */
    return devServerConfig;
  },

  overrideJestConfig: ({ jestConfig, cracoConfig, pluginOptions, context }) => {
    /* ... */
    return jestConfig;
  },
};

注意

請注意，所有鉤子都只接受一個物件作為參數。上面的概述對每個物件進行解構。

重要

所有函數都必須返回更新後的配置物件。

首先查看鉤子的說明文件。