Webpack добавляет дополнительный код в связанный файл (в результате он выдает ошибку после include)

Question

Я устанавливаю связывание в моем проекте узла с веб-пакетом.Я создал файл конфигурации webpack для связывания файла.но после включения файла комплекта я получил ошибку.

Я пытаюсь связать файл jquery в выходной путь.Я могу связать его, используя приведенный ниже код webpack.config.js.

var path = require('path');

module.exports = {
        target: 'web',
        output: {
            path: path.resolve(__dirname, "./public/javascripts"),
            filename: "bundle-jquery.js",
        },
        entry: './bower_components/jquery/dist/jquery.min.js'
    }

Теперь я включаю выходной путь, который связан с сценарием src, заменяющим jquery.Но это не работает, и я получаю "Ошибка $ не определена".Просматривая связанный файл, я обнаружил, что при запуске в связанный файл добавляется дополнительный код.

Answer 1

Вы делаете это совершенно неправильно. Если вы хотите использовать jquery в своем проекте, вы должны импортировать его в свой код.

Запись должна быть вашей main.js или как бы ни назывался ваш входной файл. Затем в main.js сделать:

import $ from 'jquery' // or use relative path

Затем Webpack поставит вам jquery.