Skip to content
main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

MIT Licence npm version Build Status Coverage Status

rcs webpack plugin

The webpack plugin for rcs-core

Contents

Installation

With NPM v7+:

$ npm i rcs-webpack-plugin -D

With prior NPM versions:

$ npm i rcs-webpack-plugin rcs-core rename-css-selectors -D

Usage

import rcs from 'rcs-core'; // just import this if you want to change the options on the core directly
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
import RcsWebpackPlugin from 'rcs-webpack-plugin';

// following methods also allow array of strings and RegExp
rcs.selectorLibrary.setExclude('my-selector'); // if you want to exclude a specific selector
rcs.selectorLibrary.set('my-custom-selector'); // if you want to include custom selectors which are not in css files
// check out github.com/JPeer264/node-rcs-core/blob/7e3ebb872964f49bf82c84f6920005610a3d252a/docs/api for more information

export default {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: MiniCssExtractPlugin.loader },
          'css-loader',
        ],
      },
    ],
  },
  plugins: [
    new MiniCssExtractPlugin(),
    new RcsWebpackPlugin(),
  ],
};

Options

fillLibraries (boolean)

fillLibraries is to wether or not rcs should get prefilled with selectors. Turning off is usefull if you used postcss-rcs or plain rcs-core.

Default: true

fillLibrariesOptions (object)

fillLibrariesOptions just applies if { fillLibraries: true }. These options are the same as rcs-core@fillLibraries

espreeOptions (object)

espreeOptions are mainly for the JS parsing. These options are the same as rcs-core@replaceJs

experimentalHandlebarsVariables

If you use handlebars and have variables in your JavaScript for dynamic content creation

Default: false

LICENSE

MIT © Jan Peer Stöcklmair