使用 laravel-mix 和 webpack 订购需要脚本/依赖项

Question

这是我的 /laravel/webpack.mix.js 的内容：

    mix
       .js([
            'resources/assets/js/jquery.js',
            'resources/assets/js/plugin.js'
           ], 'public/js/my_app.js');

/resources/assets/js/jquery.js的内容是：

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

/resources/assets/js/plugin.js的内容就是这样写的本地代码：

(function($) { 

    // plugin script 

})(jQuery);

当plugin.js脚本在本地编写（如上），它在my_app.js中在jQuery之前加载（例如plugin.js em> 那么 jQuery)

但是

当我使用“require”或“import”指令直接从 node_modules**，比如require('plugin')用plugin.js写的，顺序OK： jquery.js 首先加载 THEN plugin.js。

我的问题：

我想在 plugin.js 之前加载 jquery.js。

那么，即使 plugin.js 是本地脚本，如何遵守命令？

Answer 1

Laravel mix 提供了可以将供应商库提取到 vendor.js 的功能。但是您必须确保您的应用程序代码app.js 在您的vendor.js 之后被调用。

<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>

参考 - https://laravel.com/docs/5.4/mix#vendor-extraction

Answer 2

在 .extract 调用之后，添加

autoload({
    jquery: ['$', 'jQuery', 'window.jQuery']
});

所以，

mix.js(...).extract(...).autoload(...);

编辑：刚刚看到您尝试过的回复