Как подключить bootstrap и jquery к WEBPACK?

Question

[driver458]

webpack.config.js

module.exports = {
    entry: "./entry.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style-loader!css-loader" },
            {
                test: /\.(ttf|eot|jpg|svg|png|woff(2)?)(\?[a-z0-9=&.-]+)?$/,
                loader: 'file-loader?name=assets/[name].[hash].[ext]'
            },

        ],

    } 

};

entry.js

require("./node_modules/bootstrap/dist/css/bootstrap.min.css");
require("./node_modules/bootstrap/dist/css/bootstrap-theme.min.css");
require("./node_modules/jquery/dist/jquery.min.js");
require("./node_modules/bootstrap/dist/js/bootstrap.min.js");

Error
Uncaught Error: Bootstrap's JavaScript requires jQuery

порядок подключения правильный, если подключать обычным методом, то работает

Comments

[Сергей delphinpro]

Предположу, что jQuery подключается как модуль, она умеет (без определения глобальной переменной jQuery), а бутстрап не умеет работать с модулями. Он проверяет наличие глобальной переменной jQuery, не находит ее и выкидывает ошибку.
Нужно подключать их как legacy. Не помню как, нужно смотреть документацию.

Answer 1

[Александр Талалаев]

Видимо в вашем entry.js нужно будет заменить

require("./node_modules/jquery/dist/jquery.min.js");

на нечто вроде этого:

window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');

Хотя конечно может лучше подобные штуки вынести в отельный файл, для наглядности.