| 1 | const path = require('path');
|
| 2 |
|
| 3 | const scssRE = /\.scss$/;
|
| 4 | const EMBRACED_STAGE = 3;
|
| 5 |
|
| 6 | module.exports = ctx => {
|
| 7 | const commonPlugins = [
|
| 8 | require('postcss-preset-env')({
|
| 9 | stage: EMBRACED_STAGE,
|
| 10 | importFrom: path.resolve(__dirname, './components/global/variables.css'),
|
| 11 | features: {
|
| 12 | 'nesting-rules': true,
|
| 13 | 'custom-properties': {
|
| 14 | preserve: true
|
| 15 | }
|
| 16 | }
|
| 17 | }),
|
| 18 | require('postcss-flexbugs-fixes')(),
|
| 19 | require('@jetbrains/postcss-require-hover')(),
|
| 20 | require('postcss-calc')({mediaQueries: true})
|
| 21 | ];
|
| 22 |
|
| 23 | const plugins = scssRE.test(ctx.file.basename)
|
| 24 | ? commonPlugins
|
| 25 | : [require('postcss-modules-values-replace')(), ...commonPlugins];
|
| 26 |
|
| 27 | return {plugins};
|
| 28 | };
|