Rocketact

Rocketact

  • Docs
  • GitHub

›Development

Getting Started

  • Getting Started
  • Folder Structure
  • Available Scripts
  • Supported Browsers and Features
  • Custom Templates

Development

  • Managing Dependencies
  • Adding Pages
  • Adding Stylesheets
  • Post-Processing CSS
  • Adding Images
  • Http proxy

Deployment

  • Public Path

Plugins

  • What is the plugin?
  • rocketact-plugin-polyfill
  • rocketact-plugin-bundle-analyzer
  • Plugin template
  • Awesome Plugins
Edit

Post-Processing CSS

Vender prefixes are automatically add during build through Autoprefixer.

For example, this:

.App {
  display: flex;
  flex-direction: row;
  align-items: center;
}

becomes this after build:

.App {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

To configure the target browser list, you can adjust the browserslist field in package.json.

Check here for a list of all supported query syntax.

Last updated on 3/3/2019 by loveky
← Adding StylesheetsAdding Images →
Rocketact
Docs
Getting Started
Community
User ShowcaseIssues
More
GitHubStar
Copyright © 2018-present Rocketact documentation authors.