ReactプロジェクトにSCSSを導入する方法

yarn sass-loader ノード sass を追加します

ノードモジュール/react-scripts/config/webpack.config.js

  {
              テスト:/\.scss$/,
              ローダー: ['style-loader', 'css-loader', 'sass-loader']
            },

const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
プラグイン: [
        新しい MiniCssExtractPlugin({
            ファイル名: '[名前].css'
        }）、
        新しい WorkboxWebpackPlugin.GenerateSW({
            クライアントの主張:true、
            スキップ待機:true
        })
    ]、