Add autoprefixing to CSS pipeline (#867)

Add [autoprefixer](https://github.com/postcss/autoprefixer) as a final build step in the CSS pipeline.
This commit is contained in:
Sashank Thupukari 2018-07-22 00:05:13 -07:00 committed by Yangshun Tay
parent d42ecb943f
commit d3417b3bf2
7 changed files with 112 additions and 7 deletions

View file

@ -16,7 +16,7 @@ async function execute() {
const readMetadata = require('./readMetadata.js');
const path = require('path');
const {getPath} = require('../core/utils.js');
const {minifyCss, isSeparateCss} = require('./utils');
const {minifyCss, isSeparateCss, autoPrefixCss} = require('./utils');
const React = require('react');
const mkdirp = require('mkdirp');
const glob = require('glob');
@ -336,9 +336,11 @@ async function execute() {
});
// Use cssnano to minify the final combined CSS.
// Use autoprefixer to add vendor prefixes
const mainCss = join(buildDir, 'css', 'main.css');
const cssContent = fs.readFileSync(mainCss, 'utf8');
const css = await minifyCss(cssContent);
const minifiedCSS = await minifyCss(cssContent);
const css = await autoPrefixCss(minifiedCSS);
fs.writeFileSync(mainCss, css);
// compile/copy pages from user