javascript - Laravel Mix + 光滑的轮播

Question

我使用 laravel mix (webpack) 来编译我的项目。尝试添加 slick carousel 插件但收到错误: Uncaught TypeError: $(...).slick is not a function 。我在 webpack.mix.js 文件中使用 .copy() 方法从node_modules目录复制到公共(public)目录:

.copy('node_modules/jquery/dist/jquery.min.js', 'public/js')
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/js')
.copy('node_modules/slick-carousel/slick/slick.css', 'public/css')
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/css')

所有文件都成功出现在正确的公共(public)目录中，并且这些文件可以在“源”选项卡(在浏览器检查器中)中看到。

在我插入slick样式后，然后是jquery(尝试了几个版本)，然后是html头中的slick.js。我什至使用了 cdn url。如果我在没有 laravel mix 的情况下做同样的事情，那么 slick 就可以了。

这不起作用，我不明白出了什么问题。请帮忙!

Answer 1

尝试进行如下更改:

.copy('node_modules/jquery/dist/jquery.min.js', 'public/assets/js')
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/assets/js')
.copy('node_modules/slick-carousel/slick/slick.css', 'public/assets/css')
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/assets/css')

引用:https://new.laravel.su/docs/5.4/mix