styleable-loader
Webpack loader used to increase css rules specificity at build time
Install
npm i -D styleable-loader
Usage
This loader is intended to work with css-loader. Make sure styleable-loader is directly used after css-loader
.
const Path = ; moduleexports = entry: './index.js' output: path: Path filename: 'bundle.js' resolveLoader: modules: 'node_modules' './' module: rules: test: /\.scss$/ use: 'style-loader' 'styleable-loader' 'css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]' 'sass-loader' resolve: extensions: '.js' '.jsx' mode: 'development';
Options
Name | Type | Default | Description |
---|---|---|---|
appendedSpecificity |
String | :not(false) | The selector string which is appended to every rule to increase specificity |
fileNameRegex |
Regex | /.*custom\.styles\.scss/gi | A regex to decide on which files this loade should be applied on |
Tests
npm test