Nuxt/lib/builder/builder.js

705 lines
20 KiB
JavaScript
Raw Normal View History

2018-03-16 19:52:17 +00:00
import path from 'path'
import fs from 'fs'
import pify from 'pify'
2018-03-16 16:12:06 +00:00
import _ from 'lodash'
import chokidar from 'chokidar'
2018-03-16 19:11:24 +00:00
import fsExtra from 'fs-extra'
2018-03-16 16:12:06 +00:00
import hash from 'hash-sum'
import webpack from 'webpack'
import serialize from 'serialize-javascript'
import devalue from 'devalue'
2018-03-16 16:12:06 +00:00
import MFS from 'memory-fs'
import webpackDevMiddleware from 'webpack-dev-middleware'
import webpackHotMiddleware from 'webpack-hot-middleware'
import Glob from 'glob'
2018-03-16 19:52:17 +00:00
import upath from 'upath'
2018-03-31 16:22:14 +00:00
import consola from 'consola'
2018-03-16 19:52:17 +00:00
2018-03-31 16:22:14 +00:00
import { r, wp, wChunk, createRoutes, parallel, sequence, relativeTo, waitFor } from '../common/utils'
2018-03-16 16:12:06 +00:00
import Options from '../common/options'
2018-03-16 19:52:17 +00:00
import PerfLoader from './webpack/utils/perf-loader'
2018-03-22 16:22:41 +00:00
import ClientWebpackConfig from './webpack/client'
import ServerWebpackConfig from './webpack/server'
2017-06-11 14:17:36 +00:00
const glob = pify(Glob)
2017-06-11 14:17:36 +00:00
2018-03-16 16:12:06 +00:00
export default class Builder {
2017-10-30 17:41:22 +00:00
constructor(nuxt) {
2017-06-11 14:17:36 +00:00
this.nuxt = nuxt
this.isStatic = false // Flag to know if the build is for a generated app
2017-06-11 14:17:36 +00:00
this.options = nuxt.options
// Fields that set on build
2017-11-07 09:46:29 +00:00
this.compilers = []
this.compilersWatching = []
this.webpackDevMiddleware = null
this.webpackHotMiddleware = null
this.watchers = {
files: null,
custom: null,
restart: null
}
this.perfLoader = null
// Helper to resolve build paths
2018-01-13 05:22:11 +00:00
this.relativeToBuild = (...args) =>
relativeTo(this.options.buildDir, ...args)
this._buildStatus = STATUS.INITIAL
// Stop watching on nuxt.close()
2017-11-24 03:43:01 +00:00
if (this.options.dev) {
2018-07-25 15:57:43 +00:00
this.nuxt.hook('close', () => this.unwatch())
}
2018-03-22 19:29:05 +00:00
// Initialize shared FS and Cache
if (this.options.dev) {
this.mfs = new MFS()
}
if (this.options.build.analyze) {
this.nuxt.hook('build:done', () => {
consola.warn({
message: 'Notice: Please do not deploy bundles built with analyze mode, it\'s only for analyzing purpose.',
badge: true
})
})
}
2018-03-22 19:29:05 +00:00
// if(!this.options.dev) {
2018-01-08 15:11:03 +00:00
// TODO: enable again when unsafe concern resolved.(common/options.js:42)
2018-07-25 15:57:43 +00:00
// this.nuxt.hook('build:done', () => this.generateConfig())
2018-01-08 15:11:03 +00:00
// }
2017-06-11 14:17:36 +00:00
}
normalizePlugins() {
2018-01-13 05:22:11 +00:00
return _.uniqBy(
this.options.plugins.map((p) => {
2018-01-13 05:22:11 +00:00
if (typeof p === 'string') p = { src: p }
2018-03-16 19:11:24 +00:00
const pluginBaseName = path.basename(p.src, path.extname(p.src)).replace(
2018-01-13 05:22:11 +00:00
/[^a-zA-Z?\d\s:]/g,
''
)
return {
src: this.nuxt.resolveAlias(p.src),
ssr: p.ssr !== false,
name: 'nuxt_plugin_' + pluginBaseName + '_' + hash(p.src)
}
}),
p => p.name
)
2017-07-10 22:53:06 +00:00
}
2017-10-30 17:41:22 +00:00
forGenerate() {
this.isStatic = true
2017-08-17 12:43:51 +00:00
}
2017-10-30 17:41:22 +00:00
async build() {
// Avoid calling build() method multiple times when dev:true
2017-06-19 15:47:31 +00:00
/* istanbul ignore if */
if (this._buildStatus === STATUS.BUILD_DONE && this.options.dev) {
2017-06-11 14:17:36 +00:00
return this
}
// If building
2017-06-19 15:47:31 +00:00
/* istanbul ignore if */
2017-06-11 14:17:36 +00:00
if (this._buildStatus === STATUS.BUILDING) {
await waitFor(1000)
return this.build()
2017-06-11 14:17:36 +00:00
}
this._buildStatus = STATUS.BUILDING
2017-06-13 17:58:04 +00:00
2018-04-01 20:20:46 +00:00
consola.info({
2018-03-31 19:56:38 +00:00
message: 'Building project',
badge: true,
2018-08-15 11:48:34 +00:00
clear: !this.options.dev
2018-03-31 19:56:38 +00:00
})
2018-03-12 15:16:08 +00:00
// Wait for nuxt ready
await this.nuxt.ready()
2017-10-30 21:39:08 +00:00
// Call before hook
await this.nuxt.callHook('build:before', this, this.options.build)
2017-07-03 11:11:40 +00:00
2017-06-11 14:17:36 +00:00
// Check if pages dir exists and warn if not
this._nuxtPages = typeof this.options.build.createRoutes !== 'function'
if (this._nuxtPages) {
2018-03-16 19:11:24 +00:00
if (!fsExtra.existsSync(path.join(this.options.srcDir, this.options.dir.pages))) {
2018-08-08 10:54:05 +00:00
const dir = this.options.srcDir
2018-03-16 19:11:24 +00:00
if (fsExtra.existsSync(path.join(this.options.srcDir, '..', this.options.dir.pages))) {
2018-01-13 05:22:11 +00:00
throw new Error(
2018-02-03 16:04:15 +00:00
`No \`${this.options.dir.pages}\` directory found in ${dir}. Did you mean to run \`nuxt\` in the parent (\`../\`) directory?`
2018-01-13 05:22:11 +00:00
)
2017-06-11 14:17:36 +00:00
} else {
this._defaultPage = true
2017-06-11 14:17:36 +00:00
}
}
}
2017-06-13 17:58:04 +00:00
2018-04-01 20:20:46 +00:00
consola.success('Builder initialized')
2018-03-16 06:26:23 +00:00
2018-04-01 20:20:46 +00:00
consola.debug(`App root: ${this.options.srcDir}`)
2017-06-11 14:17:36 +00:00
// Create .nuxt/, .nuxt/components and .nuxt/dist folders
2018-03-16 19:11:24 +00:00
await fsExtra.remove(r(this.options.buildDir))
const buildDirs = [r(this.options.buildDir, 'components')]
2017-06-11 14:17:36 +00:00
if (!this.options.dev) {
buildDirs.push(
r(this.options.buildDir, 'dist', 'client'),
r(this.options.buildDir, 'dist', 'server')
)
2017-06-11 14:17:36 +00:00
}
await Promise.all(buildDirs.map(dir => fsExtra.mkdirp(dir)))
2017-06-11 14:17:36 +00:00
// Generate routes and interpret the template files
await this.generateRoutesAndFiles()
// Start webpack build
await this.webpackBuild()
2017-06-11 14:17:36 +00:00
// Flag to set that building is done
this._buildStatus = STATUS.BUILD_DONE
2017-10-30 21:39:08 +00:00
// Call done hook
await this.nuxt.callHook('build:done', this)
2017-10-30 17:41:22 +00:00
2017-06-11 14:17:36 +00:00
return this
}
2017-10-30 17:41:22 +00:00
async generateRoutesAndFiles() {
2018-04-01 20:20:46 +00:00
consola.debug(`Generating nuxt files`)
this.plugins = this.normalizePlugins()
2017-06-11 14:17:36 +00:00
// -- Templates --
let templatesFiles = [
'App.js',
2017-06-11 14:17:36 +00:00
'client.js',
'index.js',
'middleware.js',
'router.js',
'server.js',
'utils.js',
2017-07-10 22:53:06 +00:00
'empty.js',
2017-06-11 14:17:36 +00:00
'components/nuxt-error.vue',
'components/nuxt-loading.vue',
'components/nuxt-child.js',
'components/nuxt-link.js',
'components/nuxt.js',
2017-08-24 10:38:46 +00:00
'components/no-ssr.js',
2017-06-16 12:42:45 +00:00
'views/app.template.html',
'views/error.html'
2017-06-11 14:17:36 +00:00
]
const templateVars = {
options: this.options,
2018-01-13 05:22:11 +00:00
extensions: this.options.extensions
.map(ext => ext.replace(/^\./, ''))
.join('|'),
2017-09-01 16:30:49 +00:00
messages: this.options.messages,
splitChunks: this.options.build.splitChunks,
2017-06-11 14:17:36 +00:00
uniqBy: _.uniqBy,
isDev: this.options.dev,
debug: this.options.debug,
vue: { config: this.options.vue.config },
2017-08-20 13:13:42 +00:00
mode: this.options.mode,
2017-06-13 17:58:04 +00:00
router: this.options.router,
2017-06-11 14:17:36 +00:00
env: this.options.env,
head: this.options.head,
2018-03-16 19:11:24 +00:00
middleware: fsExtra.existsSync(path.join(this.options.srcDir, this.options.dir.middleware)),
store: this.options.store,
2017-06-11 14:17:36 +00:00
css: this.options.css,
2017-07-10 22:53:06 +00:00
plugins: this.plugins,
appPath: './App.js',
ignorePrefix: this.options.ignorePrefix,
2017-06-11 14:17:36 +00:00
layouts: Object.assign({}, this.options.layouts),
2018-01-13 05:22:11 +00:00
loading:
typeof this.options.loading === 'string'
? this.relativeToBuild(this.options.srcDir, this.options.loading)
: this.options.loading,
2017-06-11 14:17:36 +00:00
transition: this.options.transition,
2017-09-08 10:42:00 +00:00
layoutTransition: this.options.layoutTransition,
2018-02-03 23:24:45 +00:00
dir: this.options.dir,
2017-06-11 14:17:36 +00:00
components: {
2018-01-13 05:22:11 +00:00
ErrorPage: this.options.ErrorPage
? this.relativeToBuild(this.options.ErrorPage)
: null
2017-06-11 14:17:36 +00:00
}
}
// -- Layouts --
2018-03-16 19:11:24 +00:00
if (fsExtra.existsSync(path.resolve(this.options.srcDir, this.options.dir.layouts))) {
2018-02-03 18:41:43 +00:00
const layoutsFiles = await glob(`${this.options.dir.layouts}/**/*.{vue,js}`, {
2018-01-13 05:22:11 +00:00
cwd: this.options.srcDir,
2018-01-15 09:44:44 +00:00
ignore: this.options.ignore
2018-01-13 05:22:11 +00:00
})
layoutsFiles.forEach((file) => {
2018-08-08 10:54:05 +00:00
const name = file
2018-01-13 05:22:11 +00:00
.split('/')
.slice(1)
.join('/')
.replace(/\.(vue|js)$/, '')
2017-08-14 12:15:00 +00:00
if (name === 'error') {
if (!templateVars.components.ErrorPage) {
templateVars.components.ErrorPage = this.relativeToBuild(
this.options.srcDir,
file
)
}
2017-08-14 12:15:00 +00:00
return
}
if (!templateVars.layouts[name] || /\.vue$/.test(file)) {
2018-01-13 05:22:11 +00:00
templateVars.layouts[name] = this.relativeToBuild(
this.options.srcDir,
file
)
}
2017-06-11 14:17:36 +00:00
})
}
// If no default layout, create its folder and add the default folder
if (!templateVars.layouts.default) {
2018-03-16 19:11:24 +00:00
await fsExtra.mkdirp(r(this.options.buildDir, 'layouts'))
2017-06-11 14:17:36 +00:00
templatesFiles.push('layouts/default.vue')
2017-06-20 17:12:06 +00:00
templateVars.layouts.default = './layouts/default.vue'
2017-06-11 14:17:36 +00:00
}
// -- Routes --
2018-04-01 20:20:46 +00:00
consola.debug('Generating routes...')
if (this._defaultPage) {
templateVars.router.routes = createRoutes(
['index.vue'],
this.options.nuxtAppDir + '/pages'
)
} else if (this._nuxtPages) { // If user defined a custom method to create routes
2017-06-11 14:17:36 +00:00
// Use nuxt.js createRoutes bases on pages/
2018-01-13 05:22:11 +00:00
const files = {}
2018-02-03 16:04:15 +00:00
;(await glob(`${this.options.dir.pages}/**/*.{vue,js}`, {
2018-01-13 05:22:11 +00:00
cwd: this.options.srcDir,
2018-01-15 09:44:44 +00:00
ignore: this.options.ignore
})).forEach((f) => {
const key = f.replace(/\.(js|vue)$/, '')
if (/\.vue$/.test(f) || !files[key]) {
files[key] = f.replace(/('|")/g, '\\$1')
}
})
2018-01-13 05:22:11 +00:00
templateVars.router.routes = createRoutes(
Object.values(files),
2018-02-02 16:58:51 +00:00
this.options.srcDir,
2018-02-03 16:04:15 +00:00
this.options.dir.pages
2018-01-13 05:22:11 +00:00
)
2017-06-11 14:17:36 +00:00
} else {
2018-01-13 05:22:11 +00:00
templateVars.router.routes = this.options.build.createRoutes(
this.options.srcDir
)
2017-06-11 14:17:36 +00:00
}
2017-07-03 11:11:40 +00:00
2018-01-13 05:22:11 +00:00
await this.nuxt.callHook(
'build:extendRoutes',
templateVars.router.routes,
r
)
2017-07-03 11:11:40 +00:00
2017-06-11 14:17:36 +00:00
// router.extendRoutes method
if (typeof this.options.router.extendRoutes === 'function') {
// let the user extend the routes
2018-01-13 05:22:11 +00:00
const extendedRoutes = this.options.router.extendRoutes(
templateVars.router.routes,
r
)
// Only overwrite routes when something is returned for backwards compatibility
if (extendedRoutes !== undefined) {
templateVars.router.routes = extendedRoutes
}
2017-06-11 14:17:36 +00:00
}
// Make routes accessible for other modules and webpack configs
this.routes = templateVars.router.routes
2017-06-11 14:17:36 +00:00
// -- Store --
// Add store if needed
if (this.options.store) {
templatesFiles.push('store.js')
}
// Resolve template files
2018-01-13 05:22:11 +00:00
const customTemplateFiles = this.options.build.templates.map(
2018-03-16 19:11:24 +00:00
t => t.dst || path.basename(t.src || t)
2018-01-13 05:22:11 +00:00
)
templatesFiles = templatesFiles
.map((file) => {
2018-01-13 05:22:11 +00:00
// Skip if custom file was already provided in build.templates[]
if (customTemplateFiles.indexOf(file) !== -1) {
return
}
// Allow override templates using a file with same name in ${srcDir}/app
const customPath = r(this.options.srcDir, 'app', file)
2018-03-16 19:11:24 +00:00
const customFileExists = fsExtra.existsSync(customPath)
2018-01-13 05:22:11 +00:00
return {
src: customFileExists ? customPath : r(this.options.nuxtAppDir, file),
dst: file,
custom: customFileExists
}
})
.filter(i => !!i)
2017-06-11 14:17:36 +00:00
// -- Custom templates --
// Add custom template files
2018-01-13 05:22:11 +00:00
templatesFiles = templatesFiles.concat(
this.options.build.templates.map((t) => {
2018-01-13 05:22:11 +00:00
return Object.assign(
{
src: r(this.options.srcDir, t.src || t),
2018-03-16 19:11:24 +00:00
dst: t.dst || path.basename(t.src || t),
2018-01-13 05:22:11 +00:00
custom: true
},
t
)
})
)
2017-06-11 14:17:36 +00:00
2017-08-18 10:26:19 +00:00
// -- Loading indicator --
if (this.options.loadingIndicator.name) {
2018-03-16 19:11:24 +00:00
const indicatorPath1 = path.resolve(
2018-01-13 05:22:11 +00:00
this.options.nuxtAppDir,
'views/loading',
this.options.loadingIndicator.name + '.html'
)
const indicatorPath2 = this.nuxt.resolveAlias(
this.options.loadingIndicator.name
)
2018-03-16 19:11:24 +00:00
const indicatorPath = fsExtra.existsSync(indicatorPath1)
2018-01-13 05:22:11 +00:00
? indicatorPath1
2018-03-16 19:11:24 +00:00
: fsExtra.existsSync(indicatorPath2) ? indicatorPath2 : null
2017-08-18 10:26:19 +00:00
if (indicatorPath) {
templatesFiles.push({
src: indicatorPath,
dst: 'loading.html',
options: this.options.loadingIndicator
})
2017-08-18 12:23:10 +00:00
} else {
2017-11-24 15:44:07 +00:00
/* istanbul ignore next */
2018-01-13 05:22:11 +00:00
// eslint-disable-next-line no-console
console.error(
`Could not fetch loading indicator: ${
this.options.loadingIndicator.name
}`
)
2017-08-18 10:26:19 +00:00
}
}
2018-01-13 05:22:11 +00:00
await this.nuxt.callHook('build:templates', {
templatesFiles,
templateVars,
resolve: r
})
2017-07-03 11:11:40 +00:00
2017-06-11 14:17:36 +00:00
// Interpret and move template files to .nuxt/
2018-01-13 05:22:11 +00:00
await Promise.all(
templatesFiles.map(async ({ src, dst, options, custom }) => {
// Add template to watchers
this.options.build.watch.push(src)
// Render template to dst
2018-03-16 19:11:24 +00:00
const fileContent = await fsExtra.readFile(src, 'utf8')
2018-01-13 05:22:11 +00:00
let content
try {
const template = _.template(fileContent, {
imports: {
serialize,
devalue,
2018-01-13 05:22:11 +00:00
hash,
r,
wp,
wChunk,
2018-08-13 21:21:53 +00:00
resolvePath: this.nuxt.resolvePath,
resolveAlias: this.nuxt.resolveAlias,
2018-01-13 05:22:11 +00:00
relativeToBuild: this.relativeToBuild
},
interpolate: /<%=([\s\S]+?)%>/g
2018-01-13 05:22:11 +00:00
})
content = template(
Object.assign({}, templateVars, {
options: options || {},
custom,
src,
dst
})
)
} catch (err) {
/* istanbul ignore next */
throw new Error(`Could not compile template ${src}: ${err.message}`)
}
2018-03-16 19:11:24 +00:00
const _path = r(this.options.buildDir, dst)
// Ensure parent dir exits and write file
await fsExtra.outputFile(_path, content, 'utf8')
2018-01-13 05:22:11 +00:00
})
)
2018-04-01 20:20:46 +00:00
consola.success('Nuxt files generated')
2017-06-11 14:17:36 +00:00
}
2017-10-30 17:41:22 +00:00
async webpackBuild() {
this.perfLoader = new PerfLoader(this.options)
2017-07-10 22:53:06 +00:00
const compilersOptions = []
2018-03-31 16:22:14 +00:00
// Client
const clientConfig = new ClientWebpackConfig(this).config()
compilersOptions.push(clientConfig)
// Server
let serverConfig = null
2017-07-11 00:24:39 +00:00
if (this.options.build.ssr) {
2018-03-22 14:06:54 +00:00
serverConfig = new ServerWebpackConfig(this).config()
2017-07-11 00:24:39 +00:00
compilersOptions.push(serverConfig)
}
// Check plugins exist then set alias to their real path
await Promise.all(this.plugins.map(async (p) => {
const ext = path.extname(p.src) ? '' : '{.+([^.]),/index.+([^.])}'
2018-08-16 15:34:32 +00:00
const pluginFiles = await glob(`${p.src}${ext}`)
if (!pluginFiles || pluginFiles.length === 0) {
throw new Error(`Plugin not found: ${p.src}`)
} else if (pluginFiles.length > 1) {
consola.warn({
message: `Found ${pluginFiles.length} plugins that match the configuration, suggest to specify extension:`,
additional: ` ${pluginFiles.join('\n ')}`,
badge: true
})
}
2017-07-10 22:53:06 +00:00
const src = this.relativeToBuild(p.src)
// Client config
if (!clientConfig.resolve.alias[p.name]) {
clientConfig.resolve.alias[p.name] = src
}
// Server config
if (serverConfig && !serverConfig.resolve.alias[p.name]) {
2017-07-10 22:53:06 +00:00
// Alias to noop for ssr:false plugins
serverConfig.resolve.alias[p.name] = p.ssr ? src : './empty.js'
}
}))
2017-07-10 22:53:06 +00:00
// Configure compilers
this.compilers = compilersOptions.map((compilersOption) => {
const compiler = webpack(compilersOption)
2018-03-22 19:29:05 +00:00
// In dev, write files in memory FS
2018-03-22 19:29:05 +00:00
if (this.options.dev) {
compiler.outputFileSystem = this.mfs
}
2018-03-11 23:15:14 +00:00
2017-11-07 09:46:29 +00:00
return compiler
})
// Warmup perfLoader before build
if (this.options.build.parallel) {
2018-05-02 09:53:41 +00:00
consola.info('Warming up worker pools')
2018-04-02 12:08:31 +00:00
this.perfLoader.warmupAll()
2018-04-01 20:20:46 +00:00
consola.success('Worker pools ready')
}
2017-06-15 22:19:53 +00:00
// Start Builds
const runner = this.options.dev ? parallel : sequence
await runner(this.compilers, (compiler) => {
2018-03-22 19:29:05 +00:00
return this.webpackCompile(compiler)
})
}
webpackCompile(compiler) {
return new Promise(async (resolve, reject) => {
const name = compiler.options.name
await this.nuxt.callHook('build:compile', { name, compiler })
// Load renderer resources after build
compiler.hooks.done.tap('load-resources', async (stats) => {
2018-03-22 19:29:05 +00:00
await this.nuxt.callHook('build:compiled', {
name,
compiler,
stats
})
// Reload renderer if available
this.nuxt.renderer.loadResources(this.mfs || fs)
// Resolve on next tick
process.nextTick(resolve)
})
if (this.options.dev) {
// --- Dev Build ---
// Client Build, watch is started by dev-middleware
if (compiler.options.name === 'client') {
return this.webpackDev(compiler)
}
// Server, build and watch for changes
this.compilersWatching.push(
compiler.watch(this.options.watchers.webpack, (err) => {
/* istanbul ignore if */
2018-03-22 19:29:05 +00:00
if (err) return reject(err)
2018-01-13 05:22:11 +00:00
})
2018-03-22 19:29:05 +00:00
)
} else {
// --- Production Build ---
compiler.run((err, stats) => {
/* istanbul ignore next */
2018-03-22 19:29:05 +00:00
if (err) {
return reject(err)
} else if (stats.hasErrors()) {
2018-08-12 12:39:43 +00:00
if (this.options.build.quiet === true) {
err = stats.toString(this.options.build.stats)
}
if (!err) {
// actual errors will be printed by webpack itself
err = 'Nuxt Build Error'
}
2018-03-22 19:29:05 +00:00
return reject(err)
}
2018-03-22 19:29:05 +00:00
resolve()
2018-01-13 05:22:11 +00:00
})
2018-03-22 19:29:05 +00:00
}
})
2017-06-11 14:17:36 +00:00
}
2017-10-30 17:41:22 +00:00
webpackDev(compiler) {
2018-04-01 20:20:46 +00:00
consola.debug('Adding webpack middleware...')
2017-06-15 22:19:53 +00:00
// Create webpack dev middleware
this.webpackDevMiddleware = pify(
2018-01-13 05:22:11 +00:00
webpackDevMiddleware(
compiler,
Object.assign(
{
publicPath: this.options.build.publicPath,
stats: false,
2018-01-13 05:22:11 +00:00
logLevel: 'silent',
2018-03-01 12:34:35 +00:00
watchOptions: this.options.watchers.webpack
2018-01-13 05:22:11 +00:00
},
this.options.build.devMiddleware
)
)
)
this.webpackDevMiddleware.close = pify(this.webpackDevMiddleware.close)
2017-11-24 03:43:01 +00:00
this.webpackHotMiddleware = pify(
2018-01-13 05:22:11 +00:00
webpackHotMiddleware(
compiler,
Object.assign(
{
log: false,
heartbeat: 10000
},
this.options.build.hotMiddleware
)
)
)
2017-06-11 14:17:36 +00:00
// Inject to renderer instance
if (this.nuxt.renderer) {
this.nuxt.renderer.webpackDevMiddleware = this.webpackDevMiddleware
this.nuxt.renderer.webpackHotMiddleware = this.webpackHotMiddleware
}
2018-08-15 11:48:34 +00:00
// Start watching client files
this.watchClient()
2017-06-11 14:17:36 +00:00
}
2018-08-15 11:48:34 +00:00
watchClient() {
2017-11-24 03:43:01 +00:00
const src = this.options.srcDir
2018-01-02 02:36:09 +00:00
let patterns = [
2018-02-03 18:41:43 +00:00
r(src, this.options.dir.layouts),
2018-02-04 09:31:03 +00:00
r(src, this.options.dir.store),
2018-02-03 23:24:45 +00:00
r(src, this.options.dir.middleware),
2018-02-03 18:41:43 +00:00
r(src, `${this.options.dir.layouts}/*.{vue,js}`),
r(src, `${this.options.dir.layouts}/**/*.{vue,js}`)
2017-06-11 14:17:36 +00:00
]
2017-11-24 08:21:08 +00:00
if (this._nuxtPages) {
patterns.push(
2018-02-03 16:04:15 +00:00
r(src, this.options.dir.pages),
r(src, `${this.options.dir.pages}/*.{vue,js}`),
r(src, `${this.options.dir.pages}/**/*.{vue,js}`)
2017-11-24 08:21:08 +00:00
)
}
patterns = _.map(patterns, upath.normalizeSafe)
2018-01-02 02:36:09 +00:00
2018-08-15 11:48:34 +00:00
const options = this.options.watchers.chokidar
2017-06-11 14:17:36 +00:00
/* istanbul ignore next */
const refreshFiles = _.debounce(() => this.generateRoutesAndFiles(), 200)
2017-06-15 22:19:53 +00:00
// Watch for src Files
this.watchers.files = chokidar
2018-01-13 05:22:11 +00:00
.watch(patterns, options)
2017-06-11 14:17:36 +00:00
.on('add', refreshFiles)
.on('unlink', refreshFiles)
2017-06-15 22:19:53 +00:00
2017-06-11 14:17:36 +00:00
// Watch for custom provided files
let customPatterns = _.concat(
this.options.build.watch,
..._.values(_.omit(this.options.build.styleResources, ['options']))
)
customPatterns = _.map(_.uniq(customPatterns), upath.normalizeSafe)
this.watchers.custom = chokidar
.watch(customPatterns, options)
2017-06-11 14:17:36 +00:00
.on('change', refreshFiles)
2018-08-15 11:48:34 +00:00
}
2018-08-15 11:48:34 +00:00
watchServer() {
const nuxtRestartWatch = _.concat(
this.options.serverMiddleware
.filter(i => typeof i === 'string')
.map(this.nuxt.resolveAlias),
2018-08-13 21:21:53 +00:00
this.options.watch.map(this.nuxt.resolveAlias),
path.join(this.options.rootDir, 'nuxt.config.js')
)
2018-08-15 11:48:34 +00:00
this.watchers.restart = chokidar
2018-08-15 11:48:34 +00:00
.watch(nuxtRestartWatch, this.options.watchers.chokidar)
.on('change', (_path) => {
2018-08-15 11:48:34 +00:00
this.watchers.restart.close()
const { name, ext } = path.parse(_path)
2018-08-15 11:48:34 +00:00
this.nuxt.callHook('watch:fileChanged', this, `${name}${ext}`)
})
2017-06-11 14:17:36 +00:00
}
2017-11-24 03:43:01 +00:00
async unwatch() {
for (const watcher in this.watchers) {
if (this.watchers[watcher]) {
this.watchers[watcher].close()
}
}
2017-11-24 03:43:01 +00:00
this.compilersWatching.forEach(watching => watching.close())
// Stop webpack middleware
if (this.webpackDevMiddleware) {
await this.webpackDevMiddleware.close()
}
2017-11-24 03:43:01 +00:00
}
// TODO: remove ignore when generateConfig enabled again
async generateConfig() /* istanbul ignore next */ {
2018-03-16 19:11:24 +00:00
const config = path.resolve(this.options.buildDir, 'build.config.js')
const options = _.omit(this.options, Options.unsafeKeys)
2018-03-16 19:11:24 +00:00
await fsExtra.writeFile(
2018-01-13 05:22:11 +00:00
config,
2018-03-16 16:12:06 +00:00
`export default ${JSON.stringify(options, null, ' ')}`,
2018-01-13 05:22:11 +00:00
'utf8'
)
}
2017-06-11 14:17:36 +00:00
}
const STATUS = {
INITIAL: 1,
BUILD_DONE: 2,
BUILDING: 3
}