How to use purgecss-with-wordpress - 4 common examples
To help you get started, we’ve selected a few purgecss-with-wordpress examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
roots / sage / bud.config.js View on Github 
.copyAll(bud.src('fonts'), bud.dist('fonts'));
/**
* Configure transpilers.
*/
bud
.babel(bud.preset('babel/preset-wp'))
.postCss(bud.preset('postcss'));
/**
* Purge unused application styles.
*/
bud.purge({
enabled: bud.inProduction,
content: [bud.project('resources/views/**/*.blade.php')],
allow: require('purgecss-with-wordpress').whitelist,
allowPatterns: require('purgecss-with-wordpress').whitelistPatterns,
});
/**
* Export finalized configuration.
*/
module.exports = bud;| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Sage application. By default, we are compiling the Sass file
| for your application, as well as bundling up your JS files.
|
*/
mix
.setPublicPath('./dist')
.browserSync('sage.test');
mix
.sass('resources/assets/styles/app.scss', 'styles')
.sass('resources/assets/styles/editor.scss', 'styles')
.purgeCss({
extend: { content: [path.join(__dirname, 'index.php')] },
whitelist: require('purgecss-with-wordpress').whitelist,
whitelistPatterns: require('purgecss-with-wordpress').whitelistPatterns,
});
mix
.js('resources/assets/scripts/app.js', 'scripts')
.js('resources/assets/scripts/customizer.js', 'scripts')
.blocks('resources/assets/scripts/editor.js', 'scripts')
.extract();
mix
.copyWatched('resources/assets/images/**', 'dist/images')
.copyWatched('resources/assets/fonts/**', 'dist/fonts');
mix
.autoload({ jquery: ['$', 'window.jQuery'] })
.options({ processCssUrls: false })| for your Sage application. By default, we are compiling the Sass file
| for your application, as well as bundling up your JS files.
|
*/
mix
.setPublicPath('./dist')
.browserSync('sage.test');
mix
.sass('resources/assets/styles/app.scss', 'styles')
.sass('resources/assets/styles/editor.scss', 'styles')
.purgeCss({
extend: { content: [path.join(__dirname, 'index.php')] },
whitelist: require('purgecss-with-wordpress').whitelist,
whitelistPatterns: require('purgecss-with-wordpress').whitelistPatterns,
});
mix
.js('resources/assets/scripts/app.js', 'scripts')
.js('resources/assets/scripts/customizer.js', 'scripts')
.blocks('resources/assets/scripts/editor.js', 'scripts')
.extract();
mix
.copyWatched('resources/assets/images/**', 'dist/images')
.copyWatched('resources/assets/fonts/**', 'dist/fonts');
mix
.autoload({ jquery: ['$', 'window.jQuery'] })
.options({ processCssUrls: false })
.sourceMaps(false, 'source-map')/**
* Configure transpilers.
*/
bud
.babel(bud.preset('babel/preset-wp'))
.postCss(bud.preset('postcss'));
/**
* Purge unused application styles.
*/
bud.purge({
enabled: bud.inProduction,
content: [bud.project('resources/views/**/*.blade.php')],
allow: require('purgecss-with-wordpress').whitelist,
allowPatterns: require('purgecss-with-wordpress').whitelistPatterns,
});
/**
* Export finalized configuration.
*/
module.exports = bud;
