README

script/style section convert to js/css file.

install

use composer

composer require codeiucom/laravel-sfb

Use normal (without laravel-mix)

sample-layout.blade.php

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        @stack('head-style')
    </head>
    <body>
        @yield('content')

        @stack('body-js')
    </body>
</html>

sample.blade.php

@include('sample-layout')

@section('content')
<div>
    text
</div>
@endsection

@sfbScript('body-js')
<script>
    console.log("test");
</script>
@endSfb

@sfbStyle('head-style')
<style>
    .div {
        color: gray;
    }
</style>
@endSfb

reload browser

Use with laravel-mix

install npm package

npm install vendor/codeiucom/laravel-sfb/node_module

Use

edit laravel.mix.js

normal

require("codeiucom-laravel-sfb");
mix.sfb(`resources/views/**/*.blade.php`);

or with scss options

require("codeiucom-laravel-sfb");
mix.sfb(`resources/views/**/*.blade.php`, {
    sass: {
        pluginOptions: [],
        postCssPlugins: [require("tailwindcss")],
    },
});

sample.blade.php

@include('sample-layout')

@section('content')
<div>
    text
</div>
@endsection

@sfbMixScript('body-js')
<script>
    console.log("test");
</script>
@endSfb

<!-- with sass: type="text-scss" -->
@sfbMixStyle('head-style')
<style type="text/scss">
    .div {
        color: gray;
    }
</style>
@endSfb

run laravel mix
```
npm run dev
# or
npm run prod
```

Option

change compiled path

Default path: /public/assets/sfb
edit .env file

# /public/vdendor/sfb is
CODEIU_LARAVEL_SFB_FILE_DIR=vendor/sfb

change laravel mix compiled path

edit .env file

CODEIU_LARAVEL_SFB_MIX_FILE_DIR=sfb

codeiucom / laravel-sfb

Maintainers

Details