Webpack 4. ReferenceError: требование не определено

Question

У меня webpack.config.js :

const path = require('path');
const webpack = require('webpack');

module.exports = {
    mode: 'production',
    entry: {
        main: ['./src/js/main.js']
    },
    output: {
        path: path.resolve(__dirname, './src/js/'),
        filename: 'bundle.js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: [ 'script-loader' ]
            },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use:[{
                    loader: 'babel-loader',
                    options: { presets: ['env'] }
                }]
            },           
        ]
    },
    target: 'web'
};

В файле main.js Я добавил import $ from "jquery", потому что там я использую jQuery:

import $ from "jquery";
$(document).ready(function () {
...
});

Но браузер показывает ошибку: ReferenceError: require is not defined.

Answer 1

попробуйте удалить "target: 'web" "и ничего не устанавливать с атрибутом" target "

const path = require('path');
const webpack = require('webpack');

module.exports = {
    mode: 'production',
    entry: {
        main: ['./src/js/main.js']
    },
    output: {
        path: path.resolve(__dirname, './src/js/'),
        filename: 'bundle.js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: [ 'script-loader' ]
            },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use:[{
                    loader: 'babel-loader',
                    options: { presets: ['env'] }
                }]
            },           
        ]
    },
    // target: 'web' => remove this line
};