如何将反应静态 scss 实施到项目中？

Posted 2023-03-06

【中文标题】如何将反应静态 scss 实施到项目中？

【英文标题】：How to implement react static scss into project?

【发布时间】：2020-02-03 20:11:51

【问题描述】：

我正在使用静态反应模板，需要实现 scss。我的 git hub 示例：https://github.com/PrasanthGokuldas/Test_ReactStatic.git 我尝试将 react-static-plugin-sass 添加到 package.json 并包含在 static.config.js 文件中

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

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

【参考方案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。