Testing precss

clay · May 2, 2019 · d39b0ff · d39b0ff
1 parent 005f574
commit d39b0ff
Show file tree

Hide file tree

Showing 4 changed files with 1,120 additions and 125 deletions.
diff --git a/lib/cmd/compile/scripts.js b/lib/cmd/compile/scripts.js
@@ -26,6 +26,7 @@ const _ = require('lodash'),
   extractCSS = require('@nymag/vueify/plugins/extract-css'),
   autoprefixer = require('autoprefixer'),
   cssImport = require('postcss-import'),
+  // precss = require('precss'),
   mixins = require('postcss-mixins'),
   nested = require('postcss-nested'),
   simpleVars  = require('postcss-simple-vars'),
@@ -333,6 +334,7 @@ function buildScripts(entries, options = {}) {
       postcss: [
         cssImport(),
         autoprefixer(helpers.getConfigFileOrBrowsersList('autoprefixerOptions')),
+        // precss(),
         mixins(),
         nested(),
         simpleVars()

diff --git a/lib/cmd/compile/styles.js b/lib/cmd/compile/styles.js
@@ -13,9 +13,10 @@ const _ = require('lodash'),
   autoprefixer = require('autoprefixer'),
   postcss = require('gulp-postcss'),
   cssImport = require('postcss-import'),
-  mixins = require('postcss-mixins'),
-  nested = require('postcss-nested'),
-  simpleVars  = require('postcss-simple-vars'),
+  precss = require('precss'),
+  // mixins = require('postcss-mixins'),
+  // nested = require('postcss-nested'),
+  // simpleVars  = require('postcss-simple-vars'),
   reporters = require('../../reporters'),
   helpers = require('../../compilation-helpers'),
   componentsSrc = path.join(process.cwd(), 'styleguides', '**', 'components', '*.css'),
@@ -118,11 +119,14 @@ function compile(options = {}) {
       .pipe(postcss([
         cssImport(),
         autoprefixer(helpers.getConfigFileOrBrowsersList('autoprefixerOptions')),
-        mixins(),
-        // Simple vars must come before `nested` so that string interpolation of variables occurs before
-        // the nesting is parsed. This ensures being able to use variables in class names of nested selectors
-        simpleVars({ variables }),
-        nested()
+        // mixins(),
+        // // Simple vars must come before `nested` so that string interpolation of variables occurs before
+        // // the nesting is parsed. This ensures being able to use variables in class names of nested selectors
+        // simpleVars({ variables }),
+        // nested(),
+        precss({
+
+        })
       ].concat(plugins)))
       .pipe(gulpIf(minify, cssmin()))
       .pipe(gulp.dest(destPath))