دریافت Error در زمان import فایل css درون appJS

از روش create-react-app عمل کنید تا به چنین مشکل های نخورید .
البته نیاز به بررسیه wepback تون هست . فرصت شد حتما بررسی میکنم

سلام .
دلیل استفاده نکردن از create-react-app این هست که یکسری محدودیت ها ایجاد میکرد . برای همین تصمیم گرفتم در محیط آزاد پروژه رو بنویسم.
در مورد webpack هم من سه فایل دارم و اون موردی که مربوط به تنظیمات css-loader میشه رو کامل انجام دادم . اما باز به مشکل بر میخورم !!!
در دیسکورد مطرح کردم و یکسری از برنامه نویسان اون رو دیدن و میگفتن نباید مشکلی باشه !!!! ولی مشکلی هست :(

webpack.base.js is common file

module.exports = {
    context: __dirname,
    module: {
        rules: [
            {
                test: /.(pdf|ico|jpg|eot|otf|woff2|woff|ttf|mp4|webm)$/,
                exclude: /node_modules/,
                use: {
                    loader: 'file-loader',
                    query: {name: '[name].[ext]'},
                },
            },
            {
                test: /.(js|jsx)?$/,
                exclude: /node-modules/,
                use: [
                    "babel-loader"
                ],
            },
            {
                test: /.css$/,
                include: /node_modules/,
                use: [
                    'style-loader',
                    {
                        loader: 'css-loader',
                        options: {modules: true, sourceMap: true}
                    }
                ]
            },
            {
                test: /.s[ac]ss$/,
                exclude: /node_modules/,
                use: ['style-loader',
                    {
                        loader: 'css-loader',
                        options: {modules: true, sourceMap: true}
                    },
                    'sass-loader'
                ]
            }
        ]
    }
};

and webpack.client.js

const webpack        = require("webpack");
const path           = require('path');
const merge          = require('webpack-merge');
const baseConfig     = require('./webpack.base.js');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

const config = {
    entry: "./src/client/client.js",
    output: {
        filename: "bundle.js",
        path: path.resolve(__dirname, "public")
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify(process.env.NODE_ENV),
            }
        })
    ]
};

module.exports = merge(baseConfig, config);

and webpack.server.js

const path          = require('path');
const merge         = require('webpack-merge');
const baseConfig    = require('./webpack.base.js');
const nodeExternals = require('webpack-node-externals');

const config = {
    target : "node",
    entry  : "./src/server.js",
    output : {
        filename : "bundle.js",
        path     : path.resolve(__dirname, "build")
    },
    externals: [nodeExternals()]
};

module.exports = merge( baseConfig, config );

و همینطور فایل css رو به صورت زیر در کامپوننت اصلی کانتینر ایمپورت کردم :

import '../../../public/styleTest.css';

ممنون میشم اگر کسی میتونه راهنمایی داشته باشه .

زمانی که include: 'node_modules را حذف میکنم و بجای آن هیچ چیزی نمیزارم و یا بجای آن exclude: /node-modules/, میزارم با ارور دیگری مواجه میشم .

        return window && document && document.all && !window.atob;
        ^

ReferenceError: window is not defined

من فکر میکنم که باید global.window از یک راهی مثل این . ارور رو رفع کرد . اما چطوری را نمیدونم !