export classes (include `:global`)

[DragorWW]

if not use css-module, how to get class from file ?

//style.css
.block {width:1 00%;}
.block_mod {color: red;}

//index.es6
import slyle form './style.css';
//style = [
//  'block',
//  'block_mod'
//];

[psimyn]

not sure that you can if not using css modules. Using modules you can print the key names (NB: this also seems to print IDs as well as styles.)

// style.css
.block:local {width:1 00%;}
.block_mod:local {color: red;}

// index.es6
import style form './style.css';
console.log(Object.keys(style));
// prints:
// [ 'block', 'block_mod' ];

What are you trying to do?

[DragorWW]

@psimyn in my project server side rendering html and i can't use css module on server.
But i want check class in js by css;

expamle

//style.css
.block {width:100%;}
.block_size_big {color: red;}

//index.es6
import slyle form './style.css';

var classList = new ClassList(style);

classList.mod('size','big'); // ok
classList.mod('size','normal'); // error this mod not found in styles

[psimyn]

You could do that by checking for each of them. Not sure what classList.mod is, so slightly different example:

// index.es6
import style form './style.css';

var classesYouNeed = ['block_size--big', 'block_size--normal'];

classesYouNeed.forEach(className => {
  if (!styles[className]) throw new Error(className + ' not found in styles');
})

[DragorWW]

main idea write class names only css and check by this my code. And do not modify the css using :local

[psimyn]

you don't need :local if you have modules enabled in webpack.config. Should be able to check the same way I mentioned.

Does this help?

[ciceropablo]

@DragorWW, how do you resolve this? Are you using CSS Modules option or another thing?

[alexander-akait]

Sorry for delay, feel free to PR, it is feature