我目前在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导致我的问题?有人知道为什么我的所有其他代码仍在工作吗?