Laravel 5.0中的Laravel Mix - 兼容性问题

时间:2017-09-14 19:25:30

标签: php laravel webpack

我目前在Laravel 5.0中使用了相当大的代码库,我们还没有时间也没有资源升级到Laravel 5.4。我尝试使用以下代码将Laravel Mix实现到我们的仓库中:

webpack.mix.js

let mix = require('laravel-mix').mix;
mix.js('resources/assets/js/jQuery.js', 'public/js')
      .js('resources/assets/js/test.js', 'public/js');
      .less('resources/assets/test/app.less', 'public/css');

NEW FILE:assets / js / jQuery.js

global.$ = global.jQuery = require('jquery');

新文件:assets / js / test.js

$(document).ready(function() {
   let variable = "World!";
   console.log(`Hello ${variable}`);
});

index.blade.php

@section('css')
    <link href="css/app.css" rel="stylesheet">
@show

@section('footer')
    <script src="/js/manifest.js"></script>
    <script src="/js/vendor.js"></script>
    <script src="/js/test.js"></script>
    <script src="/js/jQuery.js"></script>
@show

终端运行:

npm install
npm run watch

因为我的less和es6文件正在编译,所以看起来它正在工作。我还删除了我们的jQuery的CDN链接,并替换为。正在应用所有样式更改,显示控制台日志,并且正在加载jQuery。

但是,我在控制台上收到错误(见下文)

GET ..../manifest.js   X  404 Not Found
GET ..../vendor.js      X  404 Not Found

如果我在索引文件中删除了指向它们(清单和供应商)的链接,那么一切仍然有效。

我只花了一天时间使用此代码,并想知道是否值得尝试调试?或者我没有让Laravel 5.4导致我的问题?有人知道为什么我的所有其他代码仍在工作吗?

0 个答案:

没有答案