-
Notifications
You must be signed in to change notification settings - Fork 1
/
examples.js
124 lines (101 loc) · 2.8 KB
/
examples.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
const fs = require('fs-extra');
const sass = require('./index'); // eslint-disable-line
fs.removeSync('dest');
fs.removeSync('test-compiled');
const config = {
// compile multiple files
// file: ['test-files/test-scss-1.scss', 'test-files/nested/test-scss-2.scss'],
// compile a single file
// file: 'test-files/test-scss-1.scss',
// compile fake single file
// file: 'test-files/non-existant-file.scss',
// compile multiple globs
file: ['test-files/**/*.scss', 'test-files/**/*.sass'],
// compile a single glob
// file: 'test-files/**/*.scss',
// compile a single data source
// data: '$color: red; .data { color: $color; }',
// compile multiple data sources
// data: [
// '$color: red; .data { color: $color; }',
// '$padding: 10px; .data-2 { padding: $padding; }',
// ],
// output to a directory
// output: 'dest',
outFile: 'dest',
// dynamic output
// output: sourcePath => {
// return sourcePath.replace('test-files', 'dest');
// },
// outFile: sourcePath => {
// return sourcePath.replace('test-files', 'test-compiled');
// },
// dynamic output returns a directory
output: () => {
return 'dest';
}
// outFile: () => {
// return 'dest';
// },
// dynamic output w/concatenation
// output: sourcePath => {
// const replaced = /\.scss$/.test(sourcePath) ? 'from-scss.css' : 'from-sass.css';
// return 'test-dest/' + replaced;
// },
// outFile: sourcePath => {
// const replaced = /\.scss$/.test(sourcePath) ? 'from-scss.css' : 'from-sass.css';
// return 'test-dest/' + replaced;
// },
// output to a single file
// output: 'dest/compiled.css',
// outFile: 'dest/compiled.css',
// source map
// sourceMap: true,
// single source map
// sourceMap: 'dest/compiled.css.map',
// source map directory
// sourceMap: 'dest',
// dynamic source map
// sourceMap: outPath => {
// return outPath.replace('dest', 'test-compiled')
// },
// dynamic source map directory
// sourceMap: () => {
// return 'test-compiled';
// },
};
//
// Sync
//
// console.log('\n--- Sync ---\n', sass.renderSync(config));
//
// Async
//
sass.render(config)
.then((compiled) => {
// console.log('\n--- Async ---\n', compiled);
})
.catch((err) => {
console.log(err);
});
//
// Async (w/ Callback)
//
// sass.render(config, (err, compiled) => {
// if (err) {
// console.log(err);
// } else {
// console.log('\n--- Async (w/ Callback) ---\n', compiled);
// }
// });
//
// Info
//
// console.log(sass.info);
//
// Types
//
// console.log(sass.types);
// console.log(sass.TRUE);
// console.log(sass.FALSE);
// console.log(sass.NULL);