mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-05-17 13:39:38 +03:00
Pim
fc71e1f1c4
* refactor(examples): run ssr example from server * chore: switch to babel for build buble complains too much * feat: enable loaded callbacks feat: add skip option * examples: add async-callback browser example * examples: fix server * examples(ssr): add reactive script with callback * fix: also skip on ssr * chore: remove unused var * feat: only add mutationobserver if DOM is still loading feat: disconnect mutation observer once DOM has loaded * examples: pass vmid to loadCallback instead of el * feat: also support load callbacks for link/style tags * test: add unit tests for load * test: add load e2e test * chore: fix lint * chore: remove unused files * test: fix e2e load callback test * test: fix attempt * examples: ie9 compatiblity destructuring doesnt work in ie9 * fix: add onload attribute on ssr dont rely on mutationobserver * chore: lint ci conf * refactor: remove loadCallbackAttribute config option test: fix coverage for load * test: improve coverage * fix: only use console when it exists (for ie9) * chore: fix coverage
53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
import fs from 'fs'
|
|
import path from 'path'
|
|
import consola from 'consola'
|
|
import express from 'express'
|
|
import rewrite from 'express-urlrewrite'
|
|
import webpack from 'webpack'
|
|
import webpackDevMiddleware from 'webpack-dev-middleware'
|
|
import WebpackConfig from './webpack.config'
|
|
import { renderPage } from './ssr/server'
|
|
|
|
const app = express()
|
|
|
|
app.use(webpackDevMiddleware(webpack(WebpackConfig), {
|
|
publicPath: '/__build__/',
|
|
writeToDisk: false,
|
|
stats: {
|
|
colors: true,
|
|
chunks: false
|
|
}
|
|
}))
|
|
|
|
fs.readdirSync(__dirname)
|
|
.filter(file => file !== 'ssr')
|
|
.forEach((file) => {
|
|
if (fs.statSync(path.join(__dirname, file)).isDirectory()) {
|
|
app.use(rewrite(`/${file}/*`, `/${file}/index.html`))
|
|
}
|
|
})
|
|
|
|
app.use(express.static(path.join(__dirname, '_static')))
|
|
app.use(express.static(__dirname))
|
|
|
|
app.use(async (req, res, next) => {
|
|
if (!req.url.startsWith('/ssr')) {
|
|
next()
|
|
}
|
|
|
|
try {
|
|
const html = await renderPage()
|
|
res.send(html)
|
|
} catch (e) {
|
|
consola.error('SSR Oops:', e)
|
|
next()
|
|
}
|
|
})
|
|
|
|
const host = process.env.HOST || 'localhost'
|
|
const port = process.env.PORT || 3000
|
|
|
|
module.exports = app.listen(port, host, () => {
|
|
consola.info(`Server listening on http://${host}:${port}, Ctrl+C to stop`)
|
|
})
|