-
Notifications
You must be signed in to change notification settings - Fork 5
/
postcss.config.cjs
32 lines (30 loc) · 900 Bytes
/
postcss.config.cjs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
// eslint-disable-next-line @typescript-eslint/no-var-requires
const purgecss = require('@fullhuman/postcss-purgecss');
/**
* See Vue guide for extractor and safelist
* https://purgecss.com/guides/vue.html#usage
*
*/
module.exports = {
plugins: [
purgecss({
content: ['./src/**/*.{vue,js,ts,css,scss,html}'],
extractors: [
{
extractor(content) {
const contentWithoutStyleBlocks = content.replace(/<style[^]+?<\/style>/gi, '');
return contentWithoutStyleBlocks.match(/[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g) || [];
},
extensions: ['vue']
}
],
safelist: [
/-(leave|enter|appear)(|-(to|from|active))$/,
/^(?!(|.*?:)cursor-move).+-move$/,
/^router-link(|-exact)-active$/,
/data-v-.*/,
/data-bs.*/, // Bootstrap 5 javascript data attributes
],
})
]
};