Laravel Mix - модули автозагрузки со специальными символами в названии (например, tippy. js или slick-carousel)

Question

Есть ли способ автозагрузки пакетов со специальными символами в них?

Я хотел бы извлечь npm пакетов, используя laravel mix, а также установить глобальную переменную для модулей. Когда я использую модули со специальными символами в них, mix.autoload () завершается ошибкой. Ниже приведен пример кода для справки.

mix.autoload({
        jquery: ['$', 'window.jQuery', 'jQuery'],        
        'tippy.js': ['tippy', 'window.tippy'],
        'slick-carousel': ['slick', 'window.slick'],
        'bootstrap-select': ['bootstrap-select'],
    }) 
   .extract(['jquery', 'slick-carousel', 'bootstrap-select', 'tippy.js']);

Answer 1

Мне удалось решить проблему с помощью Laravel псевдонима Mix.

mix.webpackConfig({
    resolve: {
        modules: [
            'node_modules'
        ],
        alias: {
            slick: 'slick-carousel/slick/slick.js',
            tippy: 'tippy.js/dist/tippy.cjs.js',                
        }
    }
});

mix.autoload({
        jquery: ['$', 'window.jQuery', 'jQuery'],
        clipboard: ['ClipboardJS', 'window.ClipboardJS'],
        tippy: ['tippy', 'window.tippy'],
        slick: ['slick', 'window.slick'],        
    });