Use cssnano to minify main CSS file (#569)

* Add cssnano to CSS generation

* Add babel-polyfill

* Call cssnano at the end

* Fix tests

* Add babelrc
This commit is contained in:
Yangshun Tay 2018-04-16 21:31:01 -07:00 committed by GitHub
parent 946e2cef90
commit 159b80df94
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 1297 additions and 25 deletions

View file

@ -1,3 +1,4 @@
const cssnano = require('cssnano');
const filepath = require('filepath');
const fm = require('front-matter');
const fs = require('fs-extra');
@ -38,10 +39,12 @@ beforeAll(() => {
glob(docsDir + '/assets/*'),
glob(buildDir + '/' + siteConfig.projectName + '/img/*'),
]).then(function(results) {
inputMarkdownFiles = results[0];
outputHTMLFiles = results[1];
inputAssetsFiles = results[2];
outputAssetsFiles = results[3];
[
inputMarkdownFiles,
outputHTMLFiles,
inputAssetsFiles,
outputAssetsFiles,
] = results;
return;
});
});
@ -85,11 +88,11 @@ test('Concatenated CSS files', function() {
'utf8'
),
]).then(function(results) {
const inputFiles = results[0];
const outputFile = results[1];
inputFiles.forEach(function(file) {
const [inputFiles, outputFile] = results;
inputFiles.forEach(async function(file) {
const contents = fs.readFileSync(file, 'utf8');
expect(outputFile).toContain(contents);
const {css} = await cssnano.process(contents, {}, {preset: 'default'});
expect(outputFile).toContain(css);
});
});
});