Why does everything stop working when importing a module?

Question

webpack

Everything stops working when I import the module. (does not display errors in the console)

* everything stops working if it is written in the config *

optimization: {
  splitChunks: {
  chunks: 'all'
  }
},

config itself

const path = require('path');
// const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

const isDev = process.env.NODE_ENV === 'development';

module.exports = {
  context: path.resolve(__dirname, 'src'),
  entry: {
    main:[
      '@babel/polyfill', 
      './common.js'
    ],
    shelkAndMoz:[
      '@babel/polyfill', 
      './mozShel.js'
    ],
    global:[
      '@babel/polyfill', 
      './index.js'
    ],
  },
  output: {
    filename: '[name].bundle.js',
    // filename: '[name].[hash].js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist'
  },
  devServer: {
    port: 4040,
    hot: isDev
  },
  devtool: isDev ? 'source-map': '',
  plugins: [
    new CleanWebpackPlugin()
  ],
  resolve: {
    extensions: ['.js'],
    alias: {
      '@modules': path.resolve(__dirname, 'src/modules'),
      '@diplom_light': path.resolve(__dirname, 'diplom_light'),
    }
  },
  // optimization: {
  // 	splitChunks: {
  // 		chunks: 'all'
  // 	}
  // },
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: '/node_modules/',
        options: {
          presets: [
            '@babel/preset-env'
          ],
          plugins: [

          ]
        }
      }
    ]
  }
};

Answer 1

webpack. Full course 2020