Laravel Elixir 和 Bower:混合 javascript 问题
Laravel Elixir and Bower: Mixing javascript issue
我的 Bower 供应商目录位于 resources/assets/vendor
。
在我的 gulpfile 中,我尝试了以下操作:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js");
当我在终端运行 gulp
时,它似乎什么也没做。不过没有错误。
我也试过这个:
mix.copy('vendor/jquery/dist/jquery.min.js', 'public/js/jquery.js');
无果。
我错过了什么?
更新和解决方案
只有 sass,less 和 coffee 脚本默认在 resources/assets/[sass/coffee/less]
中查找,而 JS 文件只是在 resources/js
中查找,这让我感到困惑。当心。
首先,我们不知道您的 jquery.min.js
文件的位置。但是,脚本文件的默认位置是 resources/js
,因此要使其正常工作,您应该将 jquery.min.js
文件放在 resources/js/vendor/jquery/dist/jquery.min.js
.
中
作为第二个参数,你应该传递你的目标文件名和路径,所以它应该是例如:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js/jquery.min.js");
假设正如我在开头提到的那样,您在 resources/js/vendor/jquery/dist/jquery.min.js
位置
中有这个 JS 文件
如果你不这样做,你应该使用第三个参数。所以在这种情况下,如果你的 JS 文件确实在 "vendor/jquery/dist/jquery.min.js" 位置,你可以使用:
mix.scripts([
"jquery.min.js"
], "public/js/jquery.min.js", "vendor/jquery/dist");
让它发挥作用。
编辑
在评论中解释后,你应该使用:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js/jquery.min.js", "resources/assets/js");
我的 Bower 供应商目录位于 resources/assets/vendor
。
在我的 gulpfile 中,我尝试了以下操作:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js");
当我在终端运行 gulp
时,它似乎什么也没做。不过没有错误。
我也试过这个:
mix.copy('vendor/jquery/dist/jquery.min.js', 'public/js/jquery.js');
无果。
我错过了什么?
更新和解决方案
只有 sass,less 和 coffee 脚本默认在 resources/assets/[sass/coffee/less]
中查找,而 JS 文件只是在 resources/js
中查找,这让我感到困惑。当心。
首先,我们不知道您的 jquery.min.js
文件的位置。但是,脚本文件的默认位置是 resources/js
,因此要使其正常工作,您应该将 jquery.min.js
文件放在 resources/js/vendor/jquery/dist/jquery.min.js
.
作为第二个参数,你应该传递你的目标文件名和路径,所以它应该是例如:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js/jquery.min.js");
假设正如我在开头提到的那样,您在 resources/js/vendor/jquery/dist/jquery.min.js
位置
如果你不这样做,你应该使用第三个参数。所以在这种情况下,如果你的 JS 文件确实在 "vendor/jquery/dist/jquery.min.js" 位置,你可以使用:
mix.scripts([
"jquery.min.js"
], "public/js/jquery.min.js", "vendor/jquery/dist");
让它发挥作用。
编辑
在评论中解释后,你应该使用:
mix.scripts([
"vendor/jquery/dist/jquery.min.js"
], "public/js/jquery.min.js", "resources/assets/js");