Skip to content

arthay/laravel-mix-react-css-modules

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Babel-plugin-react-css-modules wrapper for Laravel Mix

This plugin integrates babel-plugin-react-css-modules into the core of Laravel Mix. Shoutout to both @JeffreyWay and @gajus for their outstanding work!

Example

Just import the package and it will automagically attach itself to Laravel Mix. Then just call reactCSSModules and all CSS files will be correctly processed.

let mix = require('laravel-mix');
require('laravel-mix-react-css-modules');

mix.react('resources/assets/app.js', 'public/js')
   .reactCSSModules();

It is also possible to modify the way a classname is generated, by supplying a new syntax to the function. Check this to see how the syntax works.

let mix = require('laravel-mix');
require('laravel-mix-react-css-modules');

// DEFAULT: [name]__[local]___[hash:base64:5]
mix.react('resources/assets/app.js', 'public/js')
   .reactCSSModules('[path]__[name]___[hash:base64]');

About

A wrapper for babel-plugin-react-css-modules for Laravel Mix

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%