internetguru/blade-components

该软件包最新版本（v0.6.1）没有可用的许可信息。

维护者

详细信息

github.com/internetguru/blade-components

源代码

问题

安装: 514

依赖项: 1

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言：Blade

v0.6.1 2024-09-26 11:53 UTC

Unknown License afc20816dc522e35c183f5cfc624ccd8f802a6b2

  • petrzpav <pavel.petrzela.woop@internetguru.cz>

This package is auto-updated.

Last update: 2024-09-26 11:54:15 UTC

README

本软件包提供了一组可重用的Blade组件，用于您的Laravel应用程序。

安装

步骤 1：安装软件包

使用Composer要求软件包

composer require internetguru/blade-components

步骤 2：安装Bootstrap

在您的Laravel项目中使用npm安装或验证Bootstrap

npm install bootstrap

步骤 3：发布SASS资产

要发布SASS资产到Laravel项目的资源目录，运行以下命令

php artisan vendor:publish --tag=sass

这将把软件包中的SASS文件复制到 resources/sass/vendor/internetguru/blade-components。

步骤 5：编译SASS

更新您的构建过程以包含新的SASS文件并编译它。您可以使用 Vite 或 Laravel Mix来完成此操作。

Vite (vite.config.js)

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import path from 'path';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/sass/vendor/internetguru/blade-components/app.scss',
            ],
            refresh: true,
        }),
    ],
});

Laravel Mix (webpack.mix.js)

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .sass('resources/sass/vendor/internetguru/blade-components/app.scss', 'public/css');

步骤 6：运行构建过程

编译您的SASS文件以包含Bootstrap样式

npm install && npm run dev

用法

使用Blade组件

该软件包在 ig 命名空间下注册Blade组件。您可以在视图中如下使用这些组件

<x-ig::btn>
    Click Me!
</x-ig::btn>