postifycss-loader
v0.0.2
Published
webpack loader for css purify and deduplicate, remove unused and duplicated css
Downloads
2
Maintainers
Readme
webpack loader for css purify and deduplicate, remove unused and duplicated css
npm install postifycss-loader --save-dev
var PostifyCssPlugin = require('postifycss-loader/plugin');
function makeStyleLoader(isDev, isLocal) {
let baseLoader = `css?importLoaders=${isDev ? 2 : 3}${isLocal ? '&modules&localIdentName=[name]_[local]_[hash:base64:5]' : ''}!autoprefixer${isDev ? '' : '!postifycss}!sass`;
let conf = {
test: /\.(css|scss)$/,
loader: isDev ? `style!${baseLoader}` : ExtractTextPlugin.extract('style', baseLoader, extractTextConf)
};
conf[isLocal ? 'exclude' : 'include'] = /statics\/libs/;
return conf;
}
...
{
entry:
output:
resolve:
module: {
loaders: [
makeStyleLoader(false, false),
]
},
plugins: [new PostifyCssPlugin({})]
}
new PostifyCssPlugin(options)
staticContent
// String|Array [optional], absolute path of html or js files, contents will be concated and passed along to purifycss(contents,..);override
// boolean [optional], whether to override the output bundle css file, defaultfalse
.`true` => emit the purified and deduplicated css file `false` => emit (the purified file) and (the purified & deduplicated file with suffixed filename)
suffix
// string [optional], ifoverride!==true
, use this as the emited postified css filename suffix, default.pf
;
case: 192kb -> 33kb