README

将 Laravel Mix 集成到项目中的更简单方法。

Laravel Mix Components 提供了组件，可以轻松地将您的 Laravel Mix 设置连接到 HTML。
无论您运行 build、watch 还是 hot，它都将读取清单并在适当的位置插入正确的 <script> 和 <link> 标签。

安装

$ composer require apility/laravel-mix-components

使用方法

在您的 <head> 和 <body> 的末尾插入 <x-mix-head /> 和 <x-mix-body /> blade 组件。

<!DOCTYPE html>
<html>
  <head>
    ...
    
    <x-mix-head />
  </head>

  <body>
    ...

    <x-mix-body />
  </body>
</html>

配置

属性

`preload`

预加载资源。此属性仅适用于 <x-mix-head />

示例

<x-mix-head preload />

`integrity`

为每个资源生成 SRI 整合性散列。必须是一个 PHP 支持的有效算法。大多数浏览器仅支持 sha256、sha384 和 sha512。

示例

<x-mix-head integrity="sha384" />
<x-mix-body integrity="sha256,sha284" />

`crossorigin`

设置 crossorigin CORS 属性。如果资源位于不同的来源，浏览器通常需要此属性。如果启用了 SRI，则必须设置 crossorigin 值，否则浏览器会将其视为无效的完整性散列。

示例

<x-mix-head crossorigin="anonymous" />
<x-mix-body crossorigin="anonymous" />

`manifest-directory`

Laravel Mix 默认将 hot 和 mix-manifest.json 文件输出到 /public 根目录。
Laravel Mix Components 可以配置为读取另一个目录中的文件。
提供的路径段将附加到基本目录 /public。

此属性必须在 <x-mix-head /> 和 <x-mix-body /> 上设置。

示例

<!-- Will look for manifest files in /public/manifests -->
<x-mix-head manifest-directory="/manifests" />
<x-mix-body manifest-directory="/manifests" />

<!-- Will look for manifest files in /manifests -->
<x-mix-head manifest-directory="../manifests" />
<x-mix-body manifest-directory="../manifests" />

apility / laravel-mix-components

维护者

详细信息