如何使用人工草皮与创建应用程序做出反应？

Question

我试着用它通天插件，但没有奏效。

我也使用craco扩展/自定义创建应用程序做出反应，但我不知道足够的WebPack使craco工作，人工草皮。

Answer 1

为了使astroturf工作，你应该推动一个新的规则，以通过Create React App的WebPack规则产生：

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

随着react-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的情况下被替换