1
0
mirror of https://github.com/kognise/water.css.git synced 2025-02-25 06:13:08 +01:00
css-water.css/dev.js
2019-04-06 16:43:52 -04:00

50 lines
1.4 KiB
JavaScript

const express = require('express')
const app = express()
const http = require('http').Server(app)
const io = require('socket.io')(http)
const fs = require('fs-extra')
const chokidar = require('chokidar')
const sass = require('node-sass')
const script = `
const socket = io()
socket.on('reload', () => location.reload())
`
app.get('/', async (req, res) => {
console.log('> Serving index')
const html = await fs.readFile('index.html')
const injected = html.toString().replace('</body>', `<script src='/socket.io/socket.io.js'></script><script>${script}</script></body>`)
res.send(injected)
})
app.use('/dist', (req, res, next) => {
console.log('> Serving a stylesheet')
next()
}, express.static('dist'))
function reload() {
console.log('> Reloading')
io.emit('reload')
}
chokidar.watch('index.html', { ignoreInitial: true }).on('all', () => {
console.log('> Index changed')
reload()
})
chokidar.watch('src/*.scss', { ignoreInitial: true }).on('all', async (event, file) => {
console.log('> Stylesheet changed')
sass.render({ file, outputStyle: 'compressed' }, async (errors, { css }) => {
if (errors) {
console.log('> Sass errors!')
console.log(errors)
return
}
const outFile = file.replace('src', 'dist').replace('.scss', '.css')
await fs.outputFile(outFile, css)
reload()
})
})
http.listen(3000, () => console.log('> Ready at http://localhost:3000/'))