https://github.com/eace/tar

Eine einfache Möglichkete Tailwindcss und Alpine.js mit REDAXO zu nutzen
https://github.com/eace/tar

Last synced: about 1 month ago
JSON representation

Eine einfache Möglichkete Tailwindcss und Alpine.js mit REDAXO zu nutzen

• Host: GitHub
• URL: https://github.com/eace/tar
• Owner: eaCe
• Created: 2022-02-06T09:27:40.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-11-19T19:19:40.000Z (about 2 months ago)
• Last Synced: 2024-11-19T20:24:52.667Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 25.4 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TAR - Tailwindcss - Alpine.js - REDAXO

### Eine einfache Möglichkeit REDAXO mit Tailwindcss zu nutzen

---

**Installation:**

`yarn install` oder `npm install`

Die gewünschte REDAXO Version in den App Ordner legen.

`proxy` in webpack.mix anpassen

tailwind.config anpassen, wenn gewünscht - https://tailwindcss.com/docs/configuration

---

**Nutzung:**

Watch: `yarn start` oder `npm start`

Build: `yarn build` oder `npm build`

Build Production: `yarn build:production` oder `npm build:production`

Helper für den Asset-Pfad:

```php

function mix($path) {

    $manifestPath = rex_path::frontend('dist/mix-manifest.json');

    static $manifest;

    if (!$manifest) {

        if (!file_exists($manifestPath)) {

            throw new Exception('The Mix manifest does not exist.');

        }

        $manifest = json_decode(file_get_contents($manifestPath), true);

    }

    if (strpos($path, '/') !== 0) {

        $path = "/{$path}";

    }

    if (!array_key_exists($path, $manifest)) {

        throw new Exception(

            "Unable to locate Mix file: {$path}. Please check your " .

            'webpack.mix.js output paths and try again.'

        );

    }

    return rex_url::frontend('dist'.$manifest[$path]);

}

//mix('/styles/app.css');

//mix('/scripts/vendor.js');

//mix('/scripts/app.js');

```