Nuxt/lib/generate.js

174 lines
5.4 KiB
JavaScript
Raw Normal View History

2017-01-11 19:14:59 +00:00
import fs from 'fs-extra'
import pify from 'pify'
import _ from 'lodash'
import { resolve, join, dirname, sep } from 'path'
2017-04-25 13:00:42 +00:00
import { isUrl, promisifyRoute, waitFor } from './utils'
2017-01-11 19:14:59 +00:00
import { minify } from 'html-minifier'
2017-06-11 14:17:36 +00:00
import Tapable from 'tapable'
2017-03-20 16:52:35 +00:00
const debug = require('debug')('nuxt:generate')
2016-11-10 12:24:20 +00:00
const copy = pify(fs.copy)
const remove = pify(fs.remove)
const writeFile = pify(fs.writeFile)
2016-11-10 13:51:40 +00:00
const mkdirp = pify(fs.mkdirp)
2016-11-10 11:33:52 +00:00
const defaults = {
dir: 'dist',
2017-03-24 00:25:41 +00:00
routes: [],
2017-04-25 13:00:42 +00:00
interval: 0,
2017-03-24 00:25:41 +00:00
minify: {
collapseBooleanAttributes: true,
collapseWhitespace: true,
decodeEntities: true,
minifyCSS: true,
minifyJS: true,
processConditionalComments: true,
removeAttributeQuotes: false,
removeComments: false,
removeEmptyAttributes: true,
removeOptionalTags: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: false,
removeStyleLinkTypeAttributes: false,
removeTagWhitespace: false,
sortAttributes: true,
sortClassName: true,
trimCustomFragments: true,
useShortDoctype: true
}
2016-11-10 11:33:52 +00:00
}
2017-06-11 14:17:36 +00:00
export default class Generator extends Tapable {
constructor (nuxt) {
super()
this.nuxt = nuxt
this.options = nuxt.options
}
2017-06-11 14:17:36 +00:00
async generate () {
const s = Date.now()
let errors = []
/*
** Wait for modules to be initialized
*/
await this.ready()
/*
** Set variables
*/
this.options.generate = _.defaultsDeep(this.options.generate, defaults)
let srcStaticPath = resolve(this.options.srcDir, 'static')
let srcBuiltPath = resolve(this.buildDir, 'dist')
let distPath = resolve(this.options.rootDir, this.options.generate.dir)
let distNuxtPath = join(distPath, (isUrl(this.options.build.publicPath) ? '' : this.options.build.publicPath))
/*
** Launch build process
*/
await this.build()
/*
** Clean destination folder
*/
try {
2017-06-11 14:17:36 +00:00
await remove(distPath)
debug('Destination folder cleaned')
} catch (e) {
}
2017-06-11 14:17:36 +00:00
/*
** Copy static and built files
*/
if (fs.existsSync(srcStaticPath)) {
await copy(srcStaticPath, distPath)
}
await copy(srcBuiltPath, distNuxtPath)
debug('Static & build files copied')
if (this.options.router.mode !== 'hash') {
// Resolve config.generate.routes promises before generating the routes
2017-05-14 18:21:14 +00:00
try {
2017-06-11 14:17:36 +00:00
let generateRoutes = await promisifyRoute(this.options.generate.routes || [])
} catch (e) {
console.error('Could not resolve routes') // eslint-disable-line no-console
console.error(e) // eslint-disable-line no-console
process.exit(1)
throw e // eslint-disable-line no-unreachable
2016-11-24 00:47:11 +00:00
}
2017-06-11 14:17:36 +00:00
}
function decorateWithPayloads (routes) {
let routeMap = {}
// Fill routeMap for known routes
routes.forEach((route) => {
routeMap[route] = {
route,
payload: null
}
})
// Fill routeMap with given generate.routes
generateRoutes.forEach((route) => {
// route is either a string or like {route : "/my_route/1"}
const path = _.isString(route) ? route : route.route
routeMap[path] = {
route: path,
payload: route.payload || null
}
})
return _.values(routeMap)
}
/*
** Generate only index.html for router.mode = 'hash'
*/
let routes = (this.options.router.mode === 'hash') ? ['/'] : this.routes
routes = decorateWithPayloads(routes)
while (routes.length) {
let n = 0
await Promise.all(routes.splice(0, 500).map(async ({ route, payload }) => {
await waitFor(n++ * this.options.generate.interval)
let html
try {
2017-06-11 14:17:36 +00:00
const res = await this.renderRoute(route, { _generate: true, payload })
html = res.html
if (res.error) {
errors.push({ type: 'handled', route, error: res.error })
}
} catch (err) {
/* istanbul ignore next */
return errors.push({ type: 'unhandled', route, error: err })
}
2017-06-11 14:17:36 +00:00
if (this.options.generate.minify) {
try {
html = minify(html, this.options.generate.minify)
} catch (err) /* istanbul ignore next */ {
const minifyErr = new Error(`HTML minification failed. Make sure the route generates valid HTML. Failed HTML:\n ${html}`)
errors.push({ type: 'unhandled', route, error: minifyErr })
}
}
let path = join(route, sep, 'index.html') // /about -> /about/index.html
debug('Generate file: ' + path)
path = join(distPath, path)
// Make sure the sub folders are created
await mkdirp(dirname(path))
await writeFile(path, html, 'utf8')
}))
}
// Add .nojekyll file to let Github Pages add the _nuxt/ folder
// https://help.github.com/articles/files-that-start-with-an-underscore-are-missing/
const nojekyllPath = resolve(distPath, '.nojekyll')
writeFile(nojekyllPath, '')
const duration = Math.round((Date.now() - s) / 100) / 10
debug(`HTML Files generated in ${duration}s`)
2017-06-11 14:17:36 +00:00
if (errors.length) {
const report = errors.map(({ type, route, error }) => {
/* istanbul ignore if */
if (type === 'unhandled') {
return `Route: '${route}'\n${error.stack}`
} else {
return `Route: '${route}' thrown an error: \n` + JSON.stringify(error)
}
})
console.error('==== Error report ==== \n' + report.join('\n\n')) // eslint-disable-line no-console
}
}
2017-06-11 14:17:36 +00:00
2016-11-10 11:33:52 +00:00
}
2017-06-11 14:17:36 +00:00