Skip to content
All gists
Back to GitHub
Sign in
Sign up
Sign in
Sign up
{{ message }}
Instantly share code, notes, and snippets.
jeffochoa
/
1.js
Secret
Last active
Apr 24, 2019
Star
0
Fork
0
Star
Code
Revisions
3
Embed
What would you like to do?
Embed
Embed this gist in your website.
Share
Copy sharable link for this gist.
Clone via HTTPS
Clone with Git or checkout with SVN using the repository’s web address.
Learn more about clone URLs
Download ZIP
Whitelist selectors on Purgecss
Raw
1.js
var
Purgecss
=
require
(
'purgecss'
)
var
purgecss
=
new
Purgecss
(
{
content
:
[
'**/*.html'
]
,
css
:
[
'**/*.css'
]
}
)
var
purgecssResult
=
purgecss
.
purge
(
)
Raw
2.php
<
div
class
"alert alert-
<?php
echo
$
type
;
?>
"
>
<?php
echo
$
message
;
?>
</
div
>
// A prettier version using Laravel-Blade
<
div
class
="
aler alert-{{ $type }}
"
>
{{ $message }}
</
div
>
Raw
3.css
.
alert
{
color
: white;
}
.
alert-error
{
background
: red;
}
.
alert-success
{
background
: green;
}
Raw
4.js
const
purgecss
=
new
Purgecss
(
{
content
:
[
]
,
// content
css
:
[
]
,
// css
whitelist
:
[
'alert-success'
,
'alert-success'
]
}
)
Raw
5.js
const
purgecss
=
new
Purgecss
(
{
content
:
[
]
,
// content
css
:
[
]
,
// css
whitelistPatterns
:
[
/alert/
]
}
)
Raw
6.css
/* purgecss ignore */
.
alert-success
{
background
: green;
}
Raw
7.js
const
mix
=
require
(
'laravel-mix'
)
;
require
(
'laravel-mix-purgecss'
)
;
// ...
mix
.
js
(
'resources/js/app.js'
,
'public/js'
)
.
sass
(
'resources/sass/app.scss'
,
'public/css'
)
.
purgeCss
(
)
;
Sign up for free
to join this conversation on GitHub
. Already have an account?
Sign in to comment
You can’t perform that action at this time.
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.