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.

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

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

// 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.

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