Generate minified file on build
Useful for checking gzip size and making sure we are still reasonable.
Currently at 19.6kb 🤙🏻
This commit is contained in:
parent
e513a00d62
commit
8e1fcd7262
4 changed files with 41 additions and 6 deletions
12
src/build.js
12
src/build.js
|
|
@ -2,6 +2,7 @@ import fs from 'fs'
|
|||
import postcss from 'postcss'
|
||||
import tailwind from '..'
|
||||
import defaultConfig from './defaultConfig'
|
||||
import CleanCSS from 'clean-css'
|
||||
|
||||
console.info('Building Tailwind!')
|
||||
|
||||
|
|
@ -10,11 +11,18 @@ fs.readFile('./css/tailwind.css', (err, css) => {
|
|||
.process(css, {
|
||||
from: './css/tailwind.css',
|
||||
to: './dist/tailwind.css',
|
||||
map: {inline: false},
|
||||
map: { inline: false },
|
||||
})
|
||||
.then(result => {
|
||||
fs.writeFileSync('./dist/tailwind.css', result.css)
|
||||
if (result.map) fs.writeFileSync('./dist/tailwind.css.map', result.map)
|
||||
if (result.map) {
|
||||
fs.writeFileSync('./dist/tailwind.css.map', result.map)
|
||||
}
|
||||
return result
|
||||
})
|
||||
.then(result => {
|
||||
const minified = new CleanCSS().minify(result.css)
|
||||
fs.writeFileSync('./dist/tailwind.min.css', minified.styles)
|
||||
})
|
||||
.catch(error => console.log(error))
|
||||
})
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue