Question

这是我的webpack代码：

...
mix.js('source/_assets/js/main.js', 'js')
    .sass('source/_assets/sass/main.scss', 'css')
    .options({
        processCssUrls: false,
    }).version();

mix.scripts([
    'source/_assets/js/theme/jquery.js',
    'source/_assets/js/theme/plugins.js',
    'source/_assets/js/theme/functions.js'
], 'source/assets/build/js/all.js');

在脑海中，我有<link rel="stylesheet" href="{{ mix('css/main.css', 'assets/build') }}">来加载样式，在页脚中有<script src="{{ mix('js/all.js', 'assets/build') }}"></script>来加载脚本。我运行npm run watch并没有收到任何错误，但是我的页面空白。在我的源代码中，我可以看到两个编译文件都正确地插入了我的页面，单击该文件可以查看编译后的代码。

尽管使用webpack对我来说是新手，但似乎我可以正确完成所有操作，但似乎无法弄清为什么脚本无法加载。另一方面，如果我分别对脚本进行硬编码，即<script src="https://www.studiorooster.com/packages/canvas_5/HTML/js/jquery.js"></script>...，则页面将正确加载。谢谢。

Laravel Webpack“ mix.scripts”正常工作，但脚本未在浏览器中加载

0 个答案: