https://github.com/ubermanu/magefront

🧰 Magento 2 theme builder
https://github.com/ubermanu/magefront

bundler frontend-development magento theme

Last synced: about 1 year ago
JSON representation

🧰 Magento 2 theme builder

• Host: GitHub
• URL: https://github.com/ubermanu/magefront
• Owner: ubermanu
• License: mit
• Created: 2021-11-21T14:05:32.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-01T03:17:18.000Z (almost 2 years ago)
• Last Synced: 2025-05-06T21:08:39.503Z (about 1 year ago)
• Topics: bundler, frontend-development, magento, theme
• Language: JavaScript
• Homepage: https://magefront.vercel.app
• Size: 1.67 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![npm](https://img.shields.io/npm/v/magefront) ![tests](https://img.shields.io/github/actions/workflow/status/ubermanu/magefront/ci.yml?branch=main&label=tests)






    






**Magefront** is a tool that gives you the choice of which technology your themes rely on.

For example, it can be `less`, `sass`, `stylus`, or whatever you want! 🚀

You can see a list of the available plugins [here](https://ubermanu.github.io/magefront/#/plugins).

## Install

Install the package at the root level of your project:

    npm install magefront

## Usage

    npx magefront [options] [locale]

Example:

    npx magefront -t Magento/blank en_US

## Configuration

The `magefront.config.js` file should be located in the root directory of your project.

```js

// magefront.config.js

export default {

  presets: ['magefront-preset-default'],

}

```

> This is considered as the "default" configuration,

> so the original themes (blank, luma) can work without it.

For more information, check the [documentation](https://ubermanu.github.io/magefront/).

## Tests

You can test `magefront` on a Magento 2 instance by doing the following:

1. Clone this repository

2. Copy the `.env.test.dist` file to `.env.test` and fill in your Magento path

3. Install the dependencies: `pnpm install`

4. Run the tests: `pnpm test`