1.2.2 • Published 3 years ago
custom-property-extract-loader v1.2.2
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-loaderUsage
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 --. |