driver458
@driver458

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

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

порядок подключения правильный, если подключать обычным методом, то работает
  • Вопрос задан
  • 682 просмотра
Решения вопроса 1
neuotq
@neuotq
Прокрастинация
Видимо в вашем entry.js нужно будет заменить
require("./node_modules/jquery/dist/jquery.min.js");

на нечто вроде этого:
window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы