npm 包 laravel-elixir-rev-manifest 使用教程

简介

laravel-elixir-rev-manifest 是一个用于通过 Laravel Elixir 自动版本化前端静态文件的 npm 包。

使用该包可以轻松实现对前端静态资源进行版本控制，并且能够更好地利用缓存机制，提升网站的性能。

安装

npm install laravel-elixir-rev-manifest --save-dev

使用方法

1. 在 gulpfile.js 中，引入 laravel-elixir-rev-manifest：

var elixir = require('laravel-elixir');

require('laravel-elixir-rev-manifest');

elixir(function(mix) {
    // your code here
});

1. 在 elixir 中使用 revManifest 方法：

-- -------------------- ---- -------
--- ------ - --------------------------

---------------------------------------

-------------------- -
    ---
        -- ---- ---- ----
        ---------------
---

其中，.revManifest() 方法用于生成版本控制文件 rev-manifest.json，该文件将存储每个文件的版本号。

1. 在 HTML 中，引入静态资源时，进行版本控制：

<link rel="stylesheet" href="{{ elixir('css/app.css') }}">
<script src="{{ elixir('js/app.js') }}"></script>

在上述代码中，elixir() 方法通过读取 rev-manifest.json 文件来获取相应的静态资源版本号。

示例代码

-- -------------------- ---- -------
--- ------ - --------------------------
---------------------------------------

-------------------- -
    ---
        -----------------
        ----------
            ------------
            --------------
        -- -------------------
        ----------
            ---------------------
            ------------------
        --
        ---------------
---

在上述代码中，我们先使用 .sass() 和 .scripts() 方法来编译生成 CSS 和 JS 文件，然后使用 .version() 方法对这些文件进行版本控制，最后调用 .revManifest() 方法生成版本控制文件。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055adc81e8991b448d8811