时间戳

首页 > 解决方案 > 如何将 Astroturf 与 Create React App 一起使用？

reactjs - 如何将 Astroturf 与 Create React App 一起使用？

问题描述

我尝试使用它的 babel 插件，但是没有用。

我也在使用 craco 来扩展/自定义 Create React App，但我不知道足够的 Webpack 来让 craco 与 Astroturf 一起工作。

标签： reactjswebpackbabeljscreate-react-appastroturf

解决方案

要使astroturfCreate 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是类似的

注意： 如果是纯 CSS，.module.scss应替换为.module.css

推荐阅读