Laravel 5.6中的模块不起作用

Question

我在laravel中使用webpack.mix遇到问题，我的模块无法识别，我进行了一些研究来弄清楚可能会发生什么：

• simple way to include node_modules in laravel 5.5
• installing JS packages using npm and compiling with webpack laravel mix
• How to include webpack plugins when using Laravel Mix?

这是我来自resources / assets / js的app.js文件

console.log('Test');
require('imagesloaded')
require('jquery')
require('slick-carousel')

在控制台中，我看到“测试”，但是所有其他模块都无法识别，在public / js中，我具有每个模块的初始化文件，但无法正常工作，我什至在webpack.mix.js中尝试以下操作：< / p>

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .extract([
       'jquery',
       'slick-carousel',
       'imagesloaded'
    ])
    .options({
       uglify: true,
    })

并导入vendor.js。

我还尝试初始化app.js文件中的模块，对于初始化，我的意思是仅仅slick（），我还尝试给每个变量都提供一个变量名，并使用语法import“ modulename”，但是什么也没有...

关于可能发生的事情的任何想法吗？

经过DigitalDrifer的反复试验，这是app.js文件正常工作

import $ from 'jquery'
const imagesLoaded = require('imagesloaded')
const slick = require('slick-carousel')

根据this，使用所有用于在app.js内（如下要求）而不是在不同文件夹中初始化每个软件包的所有代码，这仍然是一个不好的做法。