Как требовать привязку с webpack?

Question

У меня есть приложение для webpack, которое я использую с laravel elixir. В этом приложении у меня есть файл bootstrap.js для инициализации всех моих библиотек. Вот оно:

window._ = require('lodash'); 

/** 
* We'll load jQuery and the Bootstrap jQuery plugin which provides support 
* for JavaScript based Bootstrap features such as modals and tabs. This 
* code may be modified to fit the specific needs of your application. 
*/ 

window.$ = window.jQuery = require('jquery');// $ui = require("jquery-ui"); 
/** 
* import twitter bootstrap js library 
*/ 
require('bootstrap-sass'); 
/** 
* import jquery ui 
*/ 
require('jquery-ui-bundle'); 

/** 
* import jquery datatables 
*/ 
require('datatables.net'); 

/** 
* import select2 
*/ 
require('select2'); // globally assign select2 fn to $ element 

/** 
* import d3 
*/ 
require('d3'); 

/** 
dropdowns 
*/ 
require('tether'); 
require('tether-drop'); 

Единственная проблема в том, когда я иду, чтобы построить это, я получаю Error: Can't resolve 'tether-drop'. Как я могу это исправить?

Спасибо!

Answer 1

Чтобы использовать тросик, вам необходимо сделать его доступным в окне.

global.Tether = require('tether'); 

Теперь вы можете использовать его с другими библиотеками, например, с помощью bootstrap @ 4. Не используйте импорт.

require('bootstrap');