Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save huygn/7ce9fa9856b71a56d0431e8eae2a6561 to your computer and use it in GitHub Desktop.
Save huygn/7ce9fa9856b71a56d0431e8eae2a6561 to your computer and use it in GitHub Desktop.
class prefixer using postcss-loader for webpack
import classPrfx from 'postcss-class-prefix';
import precss from 'precss'; // for scss support
module: {
loaders: [
{
test: /\.scss$/,
loaders: [
'style',
'css',
'postcss'
'sass'
]
},
{
test: /\.css$/,
loader: 'style-loader!css-loader?!postcss-loader'
// loader: 'css?camelCase&modules&importLoaders=1&localIdentName=[name]___[local]___[hash:base64:5]', // modules support
},
]
},
postcss() {
return [ precss, classPrfx('my-prefix-', { ignore: [/some-class-/] }) ];
}
var fs = require('fs');
var postcss = require('postcss');
var classPrfx = require('postcss-class-prefix');
var css = fs.readFileSync('/index.css', 'utf8').toString();
var out = postcss()
.use(classPrfx('my-prefix-'))
.process(css);
fs.writeFileSync('/prefixed.css', out);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment