Nuxt/packages/cli/src/commands/dev.js

79 lines
2.1 KiB
JavaScript
Raw Normal View History

import consola from 'consola'
2018-11-08 09:15:56 +00:00
import chalk from 'chalk'
import { common, server } from '../options'
2018-11-08 09:15:56 +00:00
import { showBanner } from '../utils'
export default {
name: 'dev',
description: 'Start the application in development mode (e.g. hot-code reloading, error reporting)',
usage: 'dev <dir>',
options: {
...common,
...server
},
async run(cmd) {
const argv = cmd.getArgv()
const errorHandler = (err, instance) => {
instance && instance.builder.watchServer()
consola.error(err)
}
// Start dev
async function startDev(oldInstance) {
let nuxt, builder
try {
nuxt = await cmd.getNuxt(
await cmd.getNuxtConfig(argv, { dev: true })
)
builder = await cmd.getBuilder(nuxt)
} catch (err) {
return errorHandler(err, oldInstance)
}
2018-11-08 09:15:56 +00:00
const logChanged = (name) => {
consola.log({
type: 'change',
icon: chalk.blue.bold('↻'),
message: chalk.blue(name)
})
}
nuxt.hook('watch:fileChanged', async (builder, name) => {
logChanged(name)
await startDev({ nuxt: builder.nuxt, builder })
})
nuxt.hook('bundler:change', (name) => {
logChanged(name)
})
return (
Promise.resolve()
.then(() => oldInstance && oldInstance.nuxt.clearHook('watch:fileChanged'))
.then(() => oldInstance && oldInstance.builder.unwatch())
// Start build
.then(() => builder.build())
// Close old nuxt no matter if build successfully
.catch((err) => {
oldInstance && oldInstance.nuxt.close()
// Jump to errorHandler
throw err
})
.then(() => oldInstance && oldInstance.nuxt.close())
// Start listening
.then(() => nuxt.server.listen())
2018-11-08 09:15:56 +00:00
// Show banner
.then(() => showBanner(nuxt))
// Start watching serverMiddleware changes
.then(() => builder.watchServer())
// Handle errors
.catch(err => errorHandler(err, { builder, nuxt }))
)
}
await startDev()
}
}