Как я могу использовать Astroturf с приложением Create React?

Question

Я пытался использовать его плагин babel, но это не сработало.

Я также использую craco для расширения / настройки приложения Create React, но я не знаю достаточно Webpack для работы craco с Astroturf..

Answer 1

Чтобы заставить astroturf работать, вы должны добавить одно новое правило к Create React App правилам веб-пакета:

{
    test: /\.(js|mjs|jsx|ts|tsx)$/,
    use: [
        {
            loader: 'astroturf/loader',
            options: { extension: '.module.scss' },
        },
    ],
}

с response-app-rewired ,config-overrides.js будет выглядеть так:

module.exports = (config) => {
    config.module.rules.push({
        test: /\.(js|mjs|jsx|ts|tsx)$/,
        use: [
            {
                loader: 'astroturf/loader',
                options: { extension: '.module.scss' },
            },
        ],
    });
    return config;
};

С craco должно быть похоже

Примечание: .module.scss следует заменить на .module.css в случаепростой CSS