Magento Open Source 2.2.x
Frontend Development Workflow

The Frontend Development Workflow type determines if Less compilation takes place on the client- or server side during development. Less is an extension of CSS that has additional features and conventions, and that produces streamlined code. Client-side Less compilation is recommended for theme development. Server-side compilation is the default mode. The development workflow options are not available for stores in production mode.

For technical information, see Client-side LESS compilation vs. server-side in the developer documentation.

The Frontend Development Workflow configuration is available in Developer Mode only.

1. On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.
2. In the panel on the left under Advanced, choose Developer.
3. Expand the Front-end Development Workflow section.
4. Set Workflow Type to one of the following:
  • Client side less compilation

    Compilation takes place in the browser using the native less.js library.

    Server side less compilation

    Compilation takes place on the server using the Less PHP library. This is the default mode for production.

5. When complete, tap Save Config.