generated from KevinBatdorf/gutenberg-rust-starter
-
-
Notifications
You must be signed in to change notification settings - Fork 10
/
postcss.config.js
40 lines (39 loc) · 1.49 KB
/
postcss.config.js
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
33
34
35
36
37
38
39
40
const tailwind = require('./tailwind.config');
module.exports = ({ mode, file }) => ({
ident: 'postcss',
sourceMap: mode !== 'production',
plugins: [
require('postcss-import'),
require('tailwindcss/nesting'),
require('tailwindcss')({
...tailwind,
// Scope the editor css separately from the frontend css.
content: file.endsWith('editor.css')
? ['./src/editor/**/*.{ts,tsx}']
: ['./src/front/**/*.{ts,tsx}'],
important:
tailwind.important +
(file.endsWith('editor.css') ? '-editor' : ''),
}),
(css) =>
css.walkRules((rule) => {
// Removes top level TW styles like *::before {}
rule.selector.startsWith('*') && rule.remove();
}),
// See: https://github.com/WordPress/gutenberg/blob/trunk/packages/postcss-plugins-preset/lib/index.js
require('autoprefixer')({ grid: true }),
!file.endsWith('editor.css') && require('postcss-safe-important'),
mode === 'production' &&
// See: https://github.com/WordPress/gutenberg/blob/trunk/packages/scripts/config/webpack.config.js#L68
require('cssnano')({
preset: [
'default',
{
discardComments: {
removeAll: true,
},
},
],
}),
],
});