Please note that your browser is not supported.

We recommend upgrading to the latest Firefox or Google Chrome.

Frontend: Preprocessed Assets

Preprocessors are responsible for converting an asset from one type into another. They're most commonly used for stylesheets and scripts, for example converting styles written in the Sass format to plain CSS. Pakyow includes preprocessors for Sass, Scss, and ES6.

Using Sass & Scss

To write your stylesheets in Sass or Scss, simply replace the .css extension with .sass or .scss. Pakyow will walk you through installing any necessary dependencies, then process these assets on demand.

When referencing preprocessed assets in your view templates, always use the extension the asset will be compiled to. For example, if you have a Sass asset located at frontend/assets/styles/example.sass, reference it like this:

<link rel="stylesheet" type="text/css" href="/assets/styles/example.css">

Using ES6 features

Pakyow includes support for ECMAScript 6—or ES6—right out of the box with the Babel transpiler. To use ES6 features in your JavaScript, simply add babel-transpiler to your Gemfile. Once bundled, Pakyow will automatically transpile your ES6 code to a browser-compatible version.

Next Up: Reflection