diff --git a/scripts/build.js b/scripts/build.js index 843e8cc73..1aae0de8b 100644 --- a/scripts/build.js +++ b/scripts/build.js @@ -3,25 +3,25 @@ import postcss from 'postcss' import tailwind from '..' import CleanCSS from 'clean-css' -function buildDistFile(filename) { +function buildDistFile(filename, config = {}, outFilename = filename) { return new Promise((resolve, reject) => { console.log(`Processing ./${filename}.css...`) fs.readFile(`./${filename}.css`, (err, css) => { if (err) throw err - return postcss([tailwind(), require('autoprefixer')]) + return postcss([tailwind(config), require('autoprefixer')]) .process(css, { from: `./${filename}.css`, - to: `./dist/${filename}.css`, + to: `./dist/${outFilename}.css`, }) .then(result => { - fs.writeFileSync(`./dist/${filename}.css`, result.css) + fs.writeFileSync(`./dist/${outFilename}.css`, result.css) return result }) .then(result => { const minified = new CleanCSS().minify(result.css) - fs.writeFileSync(`./dist/${filename}.min.css`, minified.styles) + fs.writeFileSync(`./dist/${outFilename}.min.css`, minified.styles) }) .then(resolve) .catch(error => { @@ -39,6 +39,7 @@ Promise.all([ buildDistFile('components'), buildDistFile('utilities'), buildDistFile('tailwind'), + buildDistFile('tailwind', { future: 'all', experimental: 'all' }, 'tailwind-experimental'), ]).then(() => { console.log('Finished Building Tailwind!') })