-
-
Notifications
You must be signed in to change notification settings - Fork 2.3k
/
CSSOptimizer.js
125 lines (105 loc) 路 2.64 KB
/
CSSOptimizer.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
// @flow strict-local
import SourceMap from '@parcel/source-map';
import {Optimizer} from '@parcel/plugin';
// $FlowFixMe
import {transform, transformStyleAttribute} from '@parcel/css';
import {blobToBuffer} from '@parcel/utils';
import browserslist from 'browserslist';
export default (new Optimizer({
async optimize({
bundle,
contents: prevContents,
getSourceMapReference,
map: prevMap,
options,
}) {
if (!bundle.env.shouldOptimize) {
return {contents: prevContents, map: prevMap};
}
let targets = getTargets(bundle.env.engines.browsers);
let code = await blobToBuffer(prevContents);
// Inline style attributes in HTML need to be parsed differently from full CSS files.
if (bundle.bundleBehavior === 'inline') {
let entry = bundle.getMainEntry();
if (entry?.meta.type === 'attr') {
let contents = transformStyleAttribute({
code,
minify: true,
targets,
});
return {contents};
}
}
let result = transform({
filename: bundle.name,
code,
minify: true,
source_map: !!bundle.env.sourceMap,
targets,
});
let map;
if (result.map != null) {
map = new SourceMap(options.projectRoot);
map.addVLQMap(JSON.parse(result.map));
}
let contents = result.code;
if (bundle.env.sourceMap) {
let reference = await getSourceMapReference(map);
if (reference != null) {
contents += '\n' + '/*# sourceMappingURL=' + reference + ' */\n';
}
}
return {
contents,
map,
};
},
}): Optimizer);
const BROWSER_MAPPING = {
and_chr: 'chrome',
and_ff: 'firefox',
ie_mob: 'ie',
op_mob: 'opera',
and_qq: null,
and_uc: null,
baidu: null,
bb: null,
kaios: null,
op_mini: null,
};
let cache = new Map();
function getTargets(browsers) {
if (browsers == null) {
return undefined;
}
let cached = cache.get(browsers);
if (cached != null) {
return cached;
}
let targets = {};
for (let browser of browserslist(browsers)) {
let [name, v] = browser.split(' ');
if (BROWSER_MAPPING[name] === null) {
continue;
}
let version = parseVersion(v);
if (version == null) {
continue;
}
if (targets[name] == null || version < targets[name]) {
targets[name] = version;
}
}
cache.set(browsers, targets);
return targets;
}
function parseVersion(version) {
let [major, minor = 0, patch = 0] = version
.split('-')[0]
.split('.')
.map(v => parseInt(v, 10));
if (isNaN(major) || isNaN(minor) || isNaN(patch)) {
return null;
}
return (major << 16) | (minor << 8) | patch;
}