Comment implémenter react static scss dans un projet ?

Question

J'utilise un modèle statique de react et j'ai besoin d'implémenter scss. mon échantillon git hub : https://github.com/PrasanthGokuldas/Test_ReactStatic.git J'ai essayé d'ajouter react-static-plugin-sass au package.json et de l'inclure dans le fichier static.config.js en tant que

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

mais je ne parviens pas à accéder au fichier scss du projet.

Answer 1

Une fois que vous avez ajouté react-static-plugin-sass à l'aide de yarn ou npm, vous devez l'ajouter en haut de votre tableau de plugins (static.config.js) comme suit :

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'),
],

Il ne vous reste plus qu'à commencer à écrire votre Sass dans votre fichier app.scss et à importer app.scss dans votre App.js.