Laravel Mix - 是否需要链接来确保执行顺序？

Question

TLDR;

你必须链接 Laravel Mix 方法来维护执行顺序吗？是否有任何异步方法会阻止使用以下非链接模式mix.scripts(); mix.js(); mix.sass();？

我运行的几个测试表明我不需要链接。

一个例子

由于我们的 Laravel 应用程序的设置方式，我们需要有多个 Laravel Mix 设置。我们不是复制粘贴webpack.mix.js 文件并在每个文件中到处修改几行，而是创建一个传递给单个webpack.mix.js 文件的配置对象。在这个文件中，我们将检查是否已经配置了各种东西，如果是，则运行适当的 Mix 方法。下面是一个伪代码示例。

if ( config.js ) {
  mix.js( config.js.src, config.js.dist );
}

if ( config.sass ) {
  mix.sass( config.sass.src, config.sass.dist );
}

if ( config.concat ) {

  if ( config.concat.styles ) {

    // Could be more than one set of files that need to be combined, so array.
    config.concat.styles.map( ( files ) => {
      mix.styles( files.src, files.dist );
    }
  }

  if ( config.concat.scripts ) {

    // Could be more than one set of files that need to be combined, so array.
    config.concat.scripts.map( ( files ) => {
      mix.scripts( files.src, files.dist );
    }
  }

}

目前，我们的代码更像您在网络上看到的大多数示例。

mix
  .options()
  .webpackConfig()
  .styles()
  .styles()
  .scripts()
  .js()
  .sass();

Answer 1

laravel-mix抽象webpack的配置，动态生成webpack config。

其API implementation 的组织是使用带有fluent or chainable interface 的Builder 模式完成的。 这使得生成特定配置时只需调用必须执行的步骤。

您需要确保webpack.mix.js 模块中的代码can be properly imported。

您需要注意自定义任务的顺序，例如copy, copyDirectory、combine、version。在v5.0.0、custom tasks are run 中，与它们的异步性质没有任何关系。然而，they are run sequentially 即将发生变化。

可以按任意顺序调用其他 API 方法。

Answer 2

我运行的几个测试表明我不需要链接。

你说的很对！

Laravel Mix 是用 JavaScript 编写的，并使用了Method Chaining。

您可以使用OnlinePythonTutor 可视化代码执行。

如果你看下面的代码，你会发现你不一定需要链接方法来维护执行顺序。

class Person {
  setName(name) {
    this.name = name
    return this
  }
  setAge(age) {
    this.age = age
    return this
  }
}

var p = new Person()
p.setName("Alice").setAge(42) // Set name before age
p.setName("Bob") // Set name
p.setAge(42) // Set age

你可以可视化这段代码here