Laravel Mix-自动加载名称中带有特殊字符的模块（例如tippy.js或slick-carousel）

Question

有没有办法自动加载其中带有特殊字符的软件包？

我想使用laravel mix提取npm软件包，并为模块设置一个全局变量。当我使用带有特殊字符的模块时，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'],        
    });