Reactjs 如何在项目中实施react静态SCS?

Reactjs 如何在项目中实施react静态SCS?,reactjs,server-side-rendering,react-static,Reactjs,Server Side Rendering,React Static,我使用的是静态react模板,需要实现scss。my git hub示例: 我尝试将react静态插件sass添加到package.json中,并作为 plugins: ['react-static-plugin-sass'] 但是我无法将scss文件访问到project。一旦您使用Thread或npm添加了react静态插件sass,您需要将其添加到插件阵列(static.config.js)的顶部,如下所示: plugins: [ require.resolve('react-st

我使用的是静态react模板,需要实现scss。my git hub示例: 我尝试将react静态插件sass添加到package.json中,并作为

plugins: ['react-static-plugin-sass']

但是我无法将scss文件访问到project。

一旦您使用Thread或npm添加了react静态插件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