組態 API

若要與其他工具整合，取得 CRACO 所產生的組態會很有幫助。

CRACO 組態 API 支援 Jest 和 Webpack。

Jest

createJestConfig(cracoConfig, context = {}, options = { verbose: false, config: null })

一個 CRACO 組態、一個 JEST 內容物件 和一個選項物件 ({ verbose?: boolean, config?: string }) 將被視為參數，並傳回產生的 Jest 組態物件。

注意

createJestConfig 不會將 cracoConfig 視為函式。如果您的 craco.config.js 揭露了一個組態函式，您必須在這裡使用前自行呼叫該函式。

jest.config.js (範例)

const { createJestConfig } = require('@craco/craco');

const cracoConfig = require('./craco.config.js');
const jestConfig = createJestConfig(cracoConfig);

module.exports = jestConfig;

Webpack

createWebpackDevConfig(cracoConfig, context = {}, options = { verbose: false, config: null })

createWebpackProdConfig(cracoConfig, context = {}, options = { verbose: false, config: null })

注意

createWebpackDevConfig 和 createWebpackProdConfig 不會將 cracoConfig 視為函式。如果您的 craco.config.js 揭露了一個組態函式，您必須在這裡使用前自行呼叫該函式。

webpack.config.js (範例)

const { createWebpackDevConfig } = require('@craco/craco');

const cracoConfig = require('./craco.config.js');
const webpackConfig = createWebpackDevConfig(cracoConfig);

module.exports = webpackConfig;