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
|
'use strict';
const postcss = require('postcss');
const PLUGINS = [
{
option: 'alias',
module: require('postcss-alias')
},
{
option: 'responsiveType',
module: require('postcss-responsive-type')
},
{
option: 'shorthandPosition',
module: require('postcss-position')
},
{
option: 'quantityQueries',
module: require('postcss-quantity-queries')
},
{
option: 'inputPseudo',
module: require('postcss-input-style')
},
{
option: 'clearFix',
module: require('postcss-clearfix')
},
{
option: 'fontPath',
module: require('postcss-fontpath')
},
{
option: 'hexRGBA',
module: require('postcss-hexrgba')
},
{
option: 'easings',
module: require('postcss-easings')
},
{
option: 'fallbacks',
module: require('laggard')
},
{
option: 'autoprefixer',
module: require('autoprefixer')
},
{
option: 'reporter',
module: require('postcss-reporter')
}
],
DEFAULTS = {
alias: true,
responsiveType: true,
shorthandPosition: true,
quantityQueries: true,
inputPseudo: true,
clearFix: true,
fontPath: true,
hexRGBA: true,
easings: true,
autoprefixer: false,
fallbacks: false,
reporter: false
};
// Export plugin bundle
module.exports = postcss.plugin('rucksack', opts => {
opts = opts || {};
let config = Object.assign({}, DEFAULTS, opts),
bundle = postcss();
PLUGINS.forEach(plugin => {
config[plugin.option] && bundle.use(plugin.module);
});
return bundle;
});
|
