approvedio/laravel-tailwind-config

获取您的Laravel项目中tailwind配置值

维护者

详细信息

github.com/approvedio/laravel-tailwind-config

源代码

问题

安装次数: 50

依赖项: 0

建议者: 0

安全性: 0

星标: 12

关注者: 2

分支: 6

开放性问题: 0

v0.1.1 2019-06-05 13:21 UTC

Requires

  • php: >=5.5.9
  • illuminate/support: 5.0.* || 5.1.* || 5.2.* || 5.3.* || 5.4.* || 5.5.* || 5.6.* || 5.7.* || 5.8.*

MIT 792ebae82f5a0925d1d1973d817271f626acf0fb

  • Michael Boffey <michael.woop@approved.io>

This package is not auto-updated.

Last update: 2024-09-29 05:41:59 UTC

README

最近我发现自己在项目中越来越多地使用Tailwind，但也遇到了一些需要在我的blade模板中访问tailwind配置值的情况。最近的一次事件发生在构建一个管理部分时，我需要访问tailwind配置文件中定义的颜色并将其传递给图表库。为了避免硬编码值，我决定创建这个库

安装

composer require approvedio/laravel-tailwind-config

Laravel 5.5+

应用程序服务提供者和外观将自动为您注册。

Laravel 5.4及以下版本

将服务提供者添加到您的app.php配置文件中

ApprovedDigital\LaravelTailwindConfig\LaravelTailwindConfigServiceProvider::class,

可选地，您可以将外观添加到app.php配置文件的别名部分

'Tailwind' => ApprovedDigital\LaravelTailwindConfig\Facades\LaravelTailwindConfigFacade::class.

使用方法

您可以使用外观

Tailwind::get('colors.red-light', '#FF0000');

您可以使用辅助方法

tailwind('colors.red-light', '#FF0000');

配置

默认情况下，我们假设您的tailwind配置文件名为tailwind.json，位于项目根目录。您可以通过发布配置并更新到tailwind.json文件的路径来覆盖此配置。

'cache_path' => base_path('tailwind.json'),

要从配置生成tailwind.json文件，您需要在webpack.mix.js中添加以下Mix扩展

mix.extend('exportTailwindConfig', function(webpackConfig, configPath = './tailwind.js') {
    let fs = require('fs');
    let config = require(configPath);
    let json = JSON.stringify(config, null, 2);

    fs.writeFile('./tailwind.json', json);
});

然后调用以下mix函数生成此文件

mix.exportTailwindConfig('./tailwind.js');

##未来开发

  • 将Tailwind Config Extractor提取到一个专门的包中，并使其更稳定