Anatomy

The structure of a Lore application

postcss.config.js

This is a configuration file for postcss, a webpack loader for transforming styles using JS plugins.

Plugins can be used to lint your CSS, automatically include vendor prefixes, add support for variables and mixins, transpile future CSS syntax, inline images, and more.

To learn more about this file, see the postcss config documentation on GitHub.

By default, new projects include the autoprefixer plugin, which automatically adds vendors prefixes to any CSS properties (which includes any code written in LESS or SASS).

Defaults

The default file included in new projects looks like this:

module.exports = {
  plugins: [
    require('autoprefixer')({
      /* ...options... */
    })
  ]
};