-
Notifications
You must be signed in to change notification settings - Fork 0
/
postcss.config.js
63 lines (58 loc) · 1.68 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
const postcssPresetEnv = require("postcss-preset-env");
const postcss = require("postcss");
const postcssCustomMedia = require("postcss-custom-media");
const nested = require("postcss-nested");
const ifMedia = require("postcss-if-media");
const vars = require("postcss-simple-vars");
const fs = require("fs");
const atImport = require("postcss-import");
const css = fs.readFileSync("src/index.css", "utf8");
postcss()
.use(atImport())
.process(css, {
// `from` option is needed here
from: "src/index.css",
})
.then((result) => {
const output = result.css;
console.log(output);
});
module.exports = {
plugins: [
require("postcss-import"),
require("postcss-simple-vars"),
require("autoprefixer"),
require("postcss-if-media"),
require("postcss-preset-env")({
stage: 1,
features: {
"logical-properties-and-values": false,
"prefers-color-scheme-query": false,
"gap-properties": false,
"custom-properties": false,
"dir-pseudo-class": false,
"focus-within-pseudo-class": false,
"focus-visible-pseudo-class": false,
"color-functional-notation": false,
},
}),
require("postcss-nested"),
],
};
// module.exports = {
// plugins: [
// postcssPresetEnv({
// stage: 0,
// features: {
// "logical-properties-and-values": false,
// "prefers-color-scheme-query": false,
// "gap-properties": false,
// "custom-properties": false,
// "dir-pseudo-class": false,
// "focus-within-pseudo-class": false,
// "focus-visible-pseudo-class": false,
// "color-functional-notation": false,
// },
// }),
// ],
// };