javascript - 带有 jquery 的 Gulp 脚本不起作用

Question

我尝试在我的新 laravel 项目中使用 gulp。 Laravel 默认使用 laravel-elixir包。

这是 gulpfile.js:

var elixir = require('laravel-elixir');

elixir(function(mix) {
  mix
    .sass([
      "app.scss"
    ])
    .scripts([
      "vendor/jquery-2.1.4.min.js",
      "app.js",
    ], 'public/js/app.js')
    .version([
      "css/app.css",
      "js/app.js",
    ]);
});

在终端中运行 gulp 并访问页面后，css 文件已成功加载，但在加载 js 文件时出现 403 错误。我通过 <script src="{{ elixir('js/app.js') }}"></script> 包含了 js 的版本构建并且要加载的文件存在。如果我删除包含 jquery 的行，一切正常。

我可以通过运行 chmod -R 777 public/build/ 临时解决这个问题但在运行 gulp 之后我再次遇到同样的错误。

有什么办法可以解决这个问题吗？

Answer 1

经过几个小时的测试，我找到了解决方案。

resources/assets/js/vender 中的 jquery 文件有 640 个权限。看起来权限是针对脚本数组中的第一个文件获取的。我将 jquery 权限更改为 664，现在它工作正常。