ReactPWA

ReactPWA

  • Docs
  • Features
  • Blog
  • Examples
  • Help

›Plugins

Getting Started

  • Initial setup
  • PawJS Configuration
  • Web App manifest

Guide

  • External resources
  • Internal APIs
  • Environment Variables

Routing

  • Add new route
  • Async routing
  • Nested routes

Plugins

  • Redux
  • Image Optimization
  • Sass
  • LESS

Deployments

  • Heroku
  • Amazon EC2
  • Digital Ocean
Edit

Sass

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Writing CSS can be fun and it is used by many good CSS frameworks such as Bootstrap.

Thus we decided to add SASS support to the ReactPWA with simple plugin @pawjs/sass

Installation

$ npm i @pawjs/sass --save-dev

webpack.js

Edit/Create /src/webpack.js

import SassPlugin from "@pawjs/sass/webpack";

// ... other imports if any


export default class ProjectWebpack {
  constructor({addPlugin}) {

    addPlugin(new SassPlugin);
    // ...
  }
}

As simple as that now you application can parse .sass files and can extract it to the CSS generated from anywhere inside the project.

Pretty cool right!

← Image OptimizationLESS →
  • Installation
  • webpack.js
ReactPWA
Docs
Getting StartedPluginsExamples
Community
User ShowcaseProject Chat
More
BlogGitHubStar

Giants supporting us

Atyantik Technologies Private LimitedDigitalOceanEventerpriseBrowserStackNavicat
 
Support ReactPWA

Copyright © 2019 Atyantik Technologies Private Limited