-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.js
78 lines (69 loc) · 1.99 KB
/
index.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
import fs from 'fs';
import path from 'path';
import CssModules from 'css-modules-loader-core';
import stylus from 'stylus';
import {createFilter} from 'rollup-pluginutils';
export default function stylusCssModules(options = {}) {
const cssModules = new CssModules();
const filter = createFilter(options.include || [
'**/*.styl',
'**/*.stylus'
], options.exclude);
const fn = options.fn;
const sourceMap = options.sourceMap !== false;
const outputFile = typeof options.output === 'string';
const outputFunction = typeof options.output === 'function';
const noOutput = options.output === false;
const cache = {};
return {
load(id) {
if (cache[id]) {
return cache[id].injectableSource;
}
return null;
},
resolveId(importee, importer) {
if (cache[importee]) {
return importee;
}
return null;
},
async transform(code, id) {
if (!filter(id)) {
return null;
}
const compiledId = `${id}.css`;
let obj = cache[compiledId];
if (!obj) {
// compile Stylus
const style = stylus(code);
const relativePath = path.relative(process.cwd(), id);
style.set('filename', relativePath);
if (sourceMap) {
style.set('sourcemap', {inline: true});
}
if (fn) {
style.use(fn);
}
const css = await style.render();
// CSS Modules
obj = await cssModules.load(css, relativePath, null);
cache[compiledId] = obj;
}
// output
let importCode = '';
if (outputFile) {
await fs.writeFile(options.output, obj.injectableSource);
} else if (outputFunction) {
await options.output(obj.injectableSource);
} else if (!noOutput) {
importCode = `import ${JSON.stringify(compiledId)};`;
}
return {
id: compiledId,
code: `${importCode}export default ${JSON.stringify(obj.exportTokens)};`,
map: {mappings: ''}
};
}
};
}