Если комплириую обычный 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"]
}
