Почему babel компилирует React в 25к+ строк кода?

Question

[szQocks]

Если комплириую обычный js то всё окей, немного строк кода и всё компилируется как надо , но как начинаю комплировать react - вообще простейший компонент с hello word строкой, на выходе 30к строк кода. У меня вопрос - так и должно быть? Или что с этим делать?

// webpack.config.js

const path = require('path');
const miniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
    mode: 'development',// production / development
    entry: {
        index: "./src/index.js"
    },
    output: {
        filename: "[name].bundle.js",
        path: path.resolve(__dirname, 'public'),
        clean: true,
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.s?css$/i,
                use: [miniCssExtractPlugin.loader, "css-loader", "sass-loader", "postcss-loader"]
            }
        ]
    },
    resolve: {
        extensions: ['.js', '.jsx'],
    },
    plugins: [new miniCssExtractPlugin()],

    devtool: 'source-map',
}

// babel.config.js

module.exports = {
    presets: ["@babel/preset-env", "@babel/preset-react"]
}

Comments

[szQocks]

у меня такое чувство что я компилирую все файлы из папки node_modules которые относятся к react

[Алексей Абрамов]

szQocks, у меня проект с 10 роутами - 80к строчек. Наверное, все ок)

[Владимир]

Вроде create react app умеет в tree shaking https://github.com/facebook/create-react-app
Если вы его не используете, посмотрите тут советов
https://www.telerik.com/blogs/tree-shaking-basics-...

[szQocks]

Алексей Абрамов, я сейчас удалил папку node_modules и проверил работает ли - всё работает. Действительно комплиирует все файлы которые относятся к react из node_modules

Answer 1

[Aetae]

Естественно компилирует всё что нужно для реакта из node_modules.
А как иначе реакт работать то будет, без самого реакта?)

Comments

[szQocks]

думал компилировать должен только компоненты, и работать с папкой node_modules?) не?)

[Aetae]

szQocks, нет, node_modules - это чисто твоя папочка для разработки. Готовое приложение - это цельный bundle в папочке dist\build, в котором только нужное.)

[szQocks]

Aetae, понял, спасибо за инфу.