Блог

Webpack-dev-server так медленно перестраивается мое простое приложение, мое приложение — это всего лишь один компонент, index.js

Это config.webpack.js файл:

 const path = require('path');
const HTMLplugin = require('html-webpack-plugin');

const htmlplugin = new HTMLplugin({
    template: './public/index.html'
});

const rules = [
    {
        test: /.js$/,
        exclude: /node_modules/,
        use: {
            loader: 'babel-loader'
        }
    },
    {
        test: /.css$/,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader']
    }
];

module.exports = {
    entry: path.join(__dirname, 'src', 'index.js'),
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, './build') 
    },
    module: { rules },
    plugins: [htmlplugin]
}
  

index.js файл:

 import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'

const App = () => {
   return (
     <p>Hello World</p>
   )
}

ReactDOM.render(<App />, document.getElementById('root'));
  

Я новичок в webpack, и я не могу понять, почему это так медленно, хотя в моем проекте есть только один простой компонент, я не знаю, должен ли я показывать свой файл package.json или нет, поскольку я думаю, что это не связано с моей проблемой

Что я делаю не так??