node.js - 使用 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 THEN jQuery）

但

当我直接从node_modules**中提取带有“require”或“import”指令的plugin.js时，例如require('plugin')用plugin.js编写，顺序是好的：首先加载jquery.js然后 plugin.js。

我的问题：

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

那么，即使 plugin.js 是本地脚本，如何尊重订单呢？

score 0 · Accepted Answer

在 .extract 调用之后，添加

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

所以，

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

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

score 0 · Accepted Answer

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>

2 回答 2