2016-07-20 3 views
13

Я использую Webpack управлять всеми моими активами, когда я использую этот код, чтобы требовать ВЫБ.2 (https://github.com/select2/select2) я получил ошибкуКак я могу использовать select2 с webpack?

$ (...). Выбор2 не функция.

require.ensure(['./vendors/select2'],function (require) { 
    require('./site'); 
}); 
// site.js 
(function ($) { 
    $(document).ready(function() { 
     $(".js-1example-basic-single").select2(); 
    }); 
})(jQuery); 

Я думаю, что есть что-то не так с экспортом модуля. Я пробовал много поисков, но не надеялся.

Кто-нибудь, пожалуйста, скажите мне, что делать, Мне потребовалось около 10 часов.

Спасибо!

ответ

20

Вы можете запустить select2 таким способом:

import $ from 'jquery'; 
import 'select2';      // globally assign select2 fn to $ element 
import 'select2/dist/css/select2.css'; // optional if you have css loader 

$(() => { 
    $('.select2-enable').select2(); 
}); 

Здесь у вас есть полный рабочий пример: webpackbin

+0

Awesome, спасибо большое! – bnqtoan

+0

@bnqtoan Я включил правильно действующую ссылку в webpackbin. – Everettss

+0

Я очень благодарен за вашу помощь! @Everettss – bnqtoan

Смежные вопросы