Question

我正在使用静态react模板，并且需要实现scss。我的git hub示例：https://github.com/PrasanthGokuldas/Test_ReactStatic.git 我试图将react-static-plugin-sass添加到package.json，并作为

包含在static.config.js文件中

public static int timeToAngle(int hours, int minutes, double seconds){
    return 0;
}

但是我无法访问scss文件进行项目。

Answer 1

一旦使用yarn或npm添加了react-static-plugin-sass，您需要将其添加到插件数组（static.config.js）的顶部，如下所示：

plugins: [
    require.resolve('react-static-plugin-sass'),
    [
        require.resolve('react-static-plugin-source-filesystem'),
        {
            location: path.resolve('./src/pages'),
        },
    ],
    require.resolve('react-static-plugin-reach-router'),
    require.resolve('react-static-plugin-sitemap'),
],

然后您要做的就是开始在app.scss文件中编写Sass，然后在App.js中导入app.scss。

如何在项目中实现对静态scss的反应？

1 个答案: