Как в Webpack сделать декомпозицию файлов?

Webpack Dev Config

const path = require("path");

const {CleanWebpackPlugin} = require("clean-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HTMLWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");

const isDev = process.env.NODE_ENV === "development";
const isProd = !isDev;

const optimization = () => {
    const config = {
        splitChunks: {
            chunks: "all",
        },
    };

    return config;
};

const plugins = () => {
    return [
        new CleanWebpackPlugin(),
        new MiniCssExtractPlugin({
            filename: filename("css"),
        }),
        new CopyWebpackPlugin({
            patterns: [
                {from: path.resolve(__dirname, "public/image"), to: "image"}
            ]
        }),
        new HTMLWebpackPlugin({
            template: "index.html",
            minify: {
                collapseWhitespace: isProd,
            },
        })
    ];
}

const cssLoaders = (additional) => {
    const loaders = [
        {
            loader: MiniCssExtractPlugin.loader,
        },
        "css-loader", "postcss-loader",
    ];

    if (additional) {
        loaders.push(additional);
    }

    return loaders;
};

const babelLoaders = (preset) => {
    const loaders = [
        {
            loader: "babel-loader",
            options: {
                presets: ["@babel/preset-env"],
            },
        },
    ];

    if (preset) {
        loaders[0].options.presets.push(preset);
    }

    return loaders;
};

const filename = (ext) => (isDev ? `[name].${ext}` : `[name].[fullhash].${ext}`);

module.exports = {
    context: path.resolve(__dirname, "public"),
    entry: {
        main: ["@babel/polyfill", path.resolve(__dirname, "src", "index.jsx")],
    },
    output: {
        filename: filename("js"),
        path: path.resolve(__dirname, "build"),
    },
    devServer: {
        historyApiFallback: true,
        port: 4200,
        open: true,
    },
    resolve: {
        extensions: [".js", ".jsx", ".ts", ".less"],
        alias: {
            Source: path.resolve(__dirname, 'src'),
            Public: path.resolve(__dirname, 'public'),
            Image: path.resolve(__dirname, 'public/image'),
            Components: path.resolve(__dirname, 'src/components'),
            Pages: path.resolve(__dirname, 'src/pages'),
            Styles: path.resolve(__dirname, 'src/styles'),
            Utils: path.resolve(__dirname, 'src/utils'),
        },
    },
    optimization: optimization(),
    devtool: isDev ? "source-map" : undefined,
    plugins: plugins(),
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: babelLoaders(),
            },
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                use: babelLoaders("@babel/preset-typescript"),
            },
            {
                test: /\.jsx$/,
                exclude: /node_modules/,
                use: babelLoaders("@babel/preset-react"),
            },
            {
                test: /\.(ttf|eot|woff|svg)$/,
                use: ["file-loader"],
            },
            {
                test: /\.(png|jpg|svg)$/,
                use: ["file-loader"],
            },
            {
                test: /\.css$/,
                use: cssLoaders(),
            },
            {
                test: /\.less$/,
                use: cssLoaders("less-loader"),
            },
        ],
    },
};

Как правильно организовать и работать со ссылками в moongose?

Сам я работал с SQL языками, решил попробовать для разнообразия NoSQL язык
В SQL обычно связь один ко многим и подобное, но там просто таблицу создаёшь и указываешь какая связь
Здесь же всё иначе, но вроде не сильно сложно для понимания

Как лучше всего анимировать отрисовку кривой Безье canvas?

Большое спасибо

Как можно реализовать некий множитель скорости?

Даниил Попов, Понял, большое спасибо

Как можно реализовать некий множитель скорости?

Большое спасибо, но можно это без библиотек как-то реализовать?

Как можно реализовать некий множитель скорости?

Kovalsky, Главное, чтобы я разобрался, как реализовать некий множитель и что с ним делать. Потому что, я пытался сделать подобный множитель, брал в процентном соотношение от него, умножал на него и что-то у меня плохо это получалось

Как можно реализовать некий множитель скорости?

Kovalsky, Это мой пример, там есть базовая скорость, но я не знаю, как ей управлять. Я понимаю, что нужна ещё одна переменная, которая будет неким множителем на который будет умножаться базовая скорость, либо браться в процентном соотношение от текущей скорости или что-то в этом духе

Как можно загружать много картинок в canvas и двигать их всех?

Большое спасибо, отличная работа, возьму у Вас example на счёт скорости и выбора финального предмета

Как можно загружать много картинок в canvas и двигать их всех?

Большое спасибо, Вы уже какой раз мне помогаете с канвасом...

Как можно загружать много картинок в canvas и двигать их всех?

Я так и делал, но не могу найти достойный пример, как можно грузить много картинок за раз и также много отрисовывать

Не отрабатывает route при перезагрузке, это мои кривые руки или особенность React?

Сейчас сделал это в nginx, по первой ссылки
Всё отрабатывает отлично, но хотелось бы, чтобы ещё на этапе разработки это работало в webpack dev server...

Не отрабатывает route при перезагрузке, это мои кривые руки или особенность React?

У меня это даже на обычном webpack dev server присутствует, про nginx, огромное спасибо, но у меня не только на nginx это, почему-то

Как выбрать из массива элементы с минимальной ценой?

Я поражён. Как Вы это делаете... Огромное спасибо

Как выбрать из массива элементы с минимальной ценой?

Забыл прикрепить код, который смог сделать...

const cleanData = data
        .sort((a, b) => a.price - b.price)
        .filter((n, i, a) => n.name === a[i - 1]?.name || n.name !== a[i + 1]?.name)
        .filter(({name}, i, arr) => !i || name !== arr[i - 1].name)

Как выбрать из массива элементы с минимальной ценой?

Не очень понял на счёт записи с name = "Demon Eater Whalehook", но такой записи не может быть, я получаю с сервера некие данные, потом обрабатываю и тд
По итогу получается массив с подобными данными
Whalehook, Sylvan Cascade и Demon Eater - это некие названия предметов
А Inscribed, Autographed, Exalted, Corrupted - это их качество
И вот вне зависимости от качества мне нужно вывести наименьший элемент по цене

Надеюсь, понятно объяснил

Как получить больше информации с json объекта ( Steam "API" )?

Kovalsky, Не подходит, нет никакой информации, кроме платного сервиса

Как удалить первый элемент массива в зависимости от его названия?

Большое спасибо

Как в массиве с одинаковым полем отсортировать данные по цене и удалить наименьшие из массива?

Нет, а как мне это сделать со всем массивом? Чтобы все отсортировались по цене

Почему данные не присваиваются переменной?

Pavel Shvedov, И тут далеко не роляет, что кто-то задаёт такие же вопросы, так как title везде разные и не всегда можно найти ответ на свой вопрос
Ну это Вам на заметку

Почему данные не присваиваются переменной?

Pavel Shvedov, А это не сеть)) Во-первых, я знаю "базовые концепции языка", во-вторых, Вы могли бы ответить нормально и без иронии. А так я это пробовал и это не работает