ejetar/laravel-mix-php-function

一个轻量级且简单的库，将Laravel Mix的mix()函数添加到您的PHP项目中 🚀

维护者

详细信息

github.com/ejetar/ejetar-laravel-mix-php-function

主页

源代码

问题

安装次数: 286

依赖者: 0

建议者: 0

安全: 0

星星: 5

关注者: 2

分支: 0

开放问题: 0

v1.0.0 2021-03-18 00:52 UTC

Requires

MIT fbe3c6e83baa47c91fd06d1385cf6407832cfd1a

phplaravelmix

This package is auto-updated.

Last update: 2024-09-18 08:28:36 UTC

README

关于

一个轻量级且简单的库，将Laravel Mix的mix()函数添加到您的PHP项目中 🚀

现在您可以使用Laravel Mix的mix()函数，无需Laravel和/或Blade和/或Vue...

安装

composer require ejetar/laravel-mix-php-function

开始使用

  1. 将composer加载到您的项目中；
  2. 在期望的位置调用mix()；
  3. 就这样，这就是全部，祝您玩得开心！

示例

假设我们有一个如下的mix-manifest.json，位于我们项目的public文件夹中

{
    "/css/all.css": "/css/all.css?id=2fcc406cf38a7867b239",
    "/css/all.min.css": "/css/all.min.css?id=2fcc406cf38a7867b239", 
    "/js/all.js": "/js/all.js?id=2c80a6c15449d3e693ed", 
    "/js/all.min.js": "/js/all.min.js?id=2c80a6c15449d3e693ed"
}

现在假设我想从/css/all.min.css文件中检索版本化URL

<?php require_once 'vendor/autoload.php'; //Load Composer ?><!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Example</title>
        
        <link rel="stylesheet" href="<?= mix('/css/all.min.css'); ?>">
        <!-- The result will be /css/all.min.css?id=2fcc406cf38a7867b239 -->
    </head>
    <body>
        <h1>\o/</h1>
    </body>
</html>

很简单！

自定义Mix基础URL

您也可以使用自定义的mix基础URL，就像在Laravel中使用一样。

只需在使用mix函数之前定义常量MIX_ASSET_URL即可。

示例

<?php
require_once 'vendor/autoload.php'; //Load Composer
define('MIX_ASSET_URL', 'https://cdn.example.com');
?><!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Example</title>
        
        <link rel="stylesheet" href="<?= mix('/css/all.min.css'); ?>">
        <!-- The result will be https://cdn.example.com/css/all.min.css?id=2fcc406cf38a7867b239 -->
    </head>
    <body>
        <h1>\o/</h1>
    </body>
</html>

变更日志

目前没有...

贡献

为这个美妙的项目做出贡献，能够与您一起工作是我们的荣幸。让我们帮助免费软件社区。您被邀请加入新特性，进行修正，报告错误，以及其他任何形式的支持。不要忘记在这个仓库中star！😀

许可证

这个库是一个开源软件，使用MIT许可证。