Instalaremos algunos loaders y plugins para que nuestro proyecto pueda funcionar con estilos de css y sass

npm instal mini-css-extract-plugin css-loader style-loader sass sass-loader -D
// en el video, faltaba solamente el loader de sass por los que nos dio un error

// como siempre, cada vez que instalamos dichas dependencias, en webpack debemos 
// indicar reglas y los plugins

module.exports = {
	...
		module: {
			rules: [
				...
				{
	         test: /\\.s[ac]ss$/i,
           use: [
               "style-loader",
               "css-loader",
               "sass-loader"
	        ]
        }
				...
			]
		}
	...,
	plugins: [
		...
		new MiniCssExtractPlugin({
			filename: '[name].css'
    })
		...
	],
	devServer: {
        allowedHosts: path.join(__dirname, 'dist'), // contentBase corresponde a webpack 4
// ahora en Webpack 5 se usa allowedHosts
// créditos al compañero Fabian Rivera Restrepo
        port: 3005,
        compress: true,
    }
}

// creamos la carpeta styles dentro de src
// en styles, creamos el archivo global.scss

$base-color: #ff0000;
$color: rgb(black, 0.88);

body {
    background-color: $base-color;
    color: $color;
}

// en App.jsx, importamos los estilos de scss
import '../styles/global.scss';

Instalaremos algunos loaders y plugins para que nuestro proyecto pueda funcionar con estilos de css y sass

npm instal mini-css-extract-plugin css-loader style-loader sass sass-loader -D
// en el video, faltaba solamente el loader de sass por los que nos dio un error

// como siempre, cada vez que instalamos dichas dependencias, en webpack debemos 
// indicar reglas y los plugins

module.exports = {
	...
		module: {
			rules: [
				...
				{
	         test: /\\.s[ac]ss$/i,
           use: [
               "style-loader",
               "css-loader",
               "sass-loader"
	        ]
        }
				...
			]
		}
	...,
	plugins: [
		...
		new MiniCssExtractPlugin({
			filename: '[name].css'
    })
		...
	],
	devServer: {
        allowedHosts: path.join(__dirname, 'dist'), // contentBase corresponde a webpack 4
// ahora en Webpack 5 se usa allowedHosts
// créditos al compañero Fabian Rivera Restrepo
        port: 3005,
        compress: true,
    }
}

// creamos la carpeta styles dentro de src
// en styles, creamos el archivo global.scss

$base-color: #ff0000;
$color: rgb(black, 0.88);

body {
    background-color: $base-color;
    color: $color;
}

// en App.jsx, importamos los estilos de scss
import '../styles/global.scss';

// ahora si podemos compilar otra vez nuestra app
npm run build