Задать вопрос
@bormor

Webpack 2 и jQuery плагин. Как корректно подключить?

Пробую подключить используя ProvidePlugin.
Webpack собирается без ошибок, jQuery работает.
Но для плагина выдает ошибку $(...).slick is not a function.
Что еще может помочь в этой ситуации?


Код модуля
import $ from 'jquery';
import 'slick-carousel';
$(".slider-wrapper").slick();


Код конфига webpack
webpack.confij.js

const path = require('path'); //npm module for absolute path like  path.resolve(__dirname, './build')
const webpack = require('webpack');
const WebpackBuildNotifierPlugin = require('webpack-build-notifier');
const config       = require('./gulp/config.js');


module.exports = {
    entry: './'+ config.src.jsEntryPoint,   
    output: {
        filename: 'bundle.js', 
        path: path.resolve(__dirname, './' + config.dest.js),   
    },
    watch: true, //live-reloading
    devtool: 'source-map', 


    plugins: [
        // jQuery globally
        new webpack.ProvidePlugin({ 
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        }),
    ],


    // Babel
    module: {
        rules: [{
        test: /\.js$/, 
        exclude: [/node_modules/], 
        use: [{ 
            loader: 'babel-loader',
            options: { presets: ['es2015'] }
        }]
        }]
    }
};

  • Вопрос задан
  • 428 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@dmitry_pacification
Трудности рождают прорыв
Сейчас нет возможности прям код показать, но я подключил так, как написано в доке у bootstrap 4. Copypaste и все заработало. В консоли ноды посмотриче че доустановить надо, если будет ругаться
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы