custom-property-extract-loader

Webpack loader for custom-property-extract.

Install

Requires custom-property-extract as peer dependency.

npm install --save-dev custom-property-extract custom-property-extract-loader

Usage

In require:

const variables = require('!custom-property-extract!./style.scss');

In webpack config:

{
  module: {
    loaders: [
      {
        test: /.s[ca]ss$/,
        loader: 'custom-property-extract-loader'
      }
    ]
  }
}

Beware! If you are using commonly used loaders such as css-loader or scss-loader to actually generate and import stylesheets content, using the loader in the webpack config is not recommended unless you give webpack a way to distinguish stylesheets used for custom properties definitions and stylesheets used for styling (e.g. by tweaking the test properties).

Options

| Name | Type | Required | Default | Description | |----------------------|-------------|--------------|-------------|---------------------------------------------------------------| | mode | {String} | false | "simple" | Output mode ("simple", "full") | | syntax | {String} | false | "css" | Syntax of the source stylesheet ("css", "scss", "sass") | | prefix | {Boolean} | false | true | Determines whether to prefix custom properties with --. |