Использование toastr в symfony 4.2.9 с использованием webpack и бис

Question

Я пытаюсь добавить библиотеку toastr в свой проект с помощью Webpack / Encore, но не могу заставить ее работать.

Я использую Yarn для управления библиотеками в node_modules /

В моем app.js у меня есть:

$(() =>
{
    toastr.info("test");
});

И я попробовал

1. Простой импорт в app.js перед моим кодом

   import "toastr";
   

Uncaught ReferenceError: toastr не определен

Еще один импорт, который я нашел, когда гуглил мою проблему

import * as toastr from 'toastr';
import '../../node_modules/toastr/build/toastr.min.css'; 

Этот работает, но похоже, что CSS нет: всплывающее окно прозрачнопросто границы

Добавить переменную обеспечения в webpack.config.js

.autoProvideVariables({
        "window.toastr": require.resolve("toastr")
})

Uncaught ReferenceError: toastr не определено

Добавить запись в webpack.config.js

.addEntry('toastr', [
    './node_modules/toastr/build/toastr.min.js',
    './node_modules/toastr/build/toastr.min.css'
])

Uncaught ReferenceError: toastr не определен

Answer 1

Мне удалось заставить его работать таким странным образом

В webpack.config.js, CSS:

.addEntry('toastr', [
    './node_modules/toastr/build/toastr.min.css'
])

В app.js строка импорта:

import * as toastrlib from 'toastr';
$(() =>
{
    toastrlib.info("test");
});

Я, наверное, что-то пропустил, и хочу сделать это правильно.этот, вероятно, неправильный, даже если он работает, поэтому я все еще читаю для хорошего решения.