mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-02 18:37:21 +00:00
8f06a187db
* feat(builder): allow to customize or disable minimizer plugins * feat: support optimization.minimize https://webpack.js.org/configuration/optimization/#optimization-minimize * fix typos
278 lines
8.0 KiB
JavaScript
278 lines
8.0 KiB
JavaScript
import path from 'path'
|
|
import fs from 'fs'
|
|
|
|
import _ from 'lodash'
|
|
import consola from 'consola'
|
|
import { isPureObject, isUrl, guardDir } from '../common/utils'
|
|
|
|
import modes from './modes'
|
|
import defaults from './nuxt.config'
|
|
|
|
// hasValue utility
|
|
const hasValue = v => typeof v === 'string' && v
|
|
|
|
const Options = {}
|
|
|
|
export default Options
|
|
|
|
Options.from = function (_options) {
|
|
// Clone options to prevent unwanted side-effects
|
|
const options = Object.assign({}, _options)
|
|
|
|
// Normalize options
|
|
if (options.loading === true) {
|
|
delete options.loading
|
|
}
|
|
if (
|
|
options.router &&
|
|
options.router.middleware &&
|
|
!Array.isArray(options.router.middleware)
|
|
) {
|
|
options.router.middleware = [options.router.middleware]
|
|
}
|
|
if (options.router && typeof options.router.base === 'string') {
|
|
options._routerBaseSpecified = true
|
|
}
|
|
if (typeof options.transition === 'string') {
|
|
options.transition = { name: options.transition }
|
|
}
|
|
if (typeof options.layoutTransition === 'string') {
|
|
options.layoutTransition = { name: options.layoutTransition }
|
|
}
|
|
if (typeof options.extensions === 'string') {
|
|
options.extensions = [options.extensions]
|
|
}
|
|
|
|
// Resolve rootDir
|
|
options.rootDir = hasValue(options.rootDir) ? path.resolve(options.rootDir) : process.cwd()
|
|
|
|
// Apply defaults by ${buildDir}/dist/build.config.js
|
|
// TODO: Unsafe operation.
|
|
// const buildDir = options.buildDir || defaults.buildDir
|
|
// const buildConfig = resolve(options.rootDir, buildDir, 'build.config.js')
|
|
// if (existsSync(buildConfig)) {
|
|
// _.defaultsDeep(options, require(buildConfig))
|
|
// }
|
|
|
|
// Apply defaults
|
|
_.defaultsDeep(options, defaults)
|
|
|
|
// Check srcDir and generate.dir excistence
|
|
const hasSrcDir = hasValue(options.srcDir)
|
|
const hasGenerateDir = hasValue(options.generate.dir)
|
|
|
|
// Resolve srcDir
|
|
options.srcDir = hasSrcDir
|
|
? path.resolve(options.rootDir, options.srcDir)
|
|
: options.rootDir
|
|
|
|
// Resolve buildDir
|
|
options.buildDir = path.resolve(options.rootDir, options.buildDir)
|
|
|
|
// Protect rootDir against buildDir
|
|
guardDir(options, 'rootDir', 'buildDir')
|
|
|
|
if (hasGenerateDir) {
|
|
// Resolve generate.dir
|
|
options.generate.dir = path.resolve(options.rootDir, options.generate.dir)
|
|
|
|
// Protect rootDir against buildDir
|
|
guardDir(options, 'rootDir', 'generate.dir')
|
|
}
|
|
|
|
if (hasSrcDir) {
|
|
// Protect srcDir against buildDir
|
|
guardDir(options, 'srcDir', 'buildDir')
|
|
|
|
if (hasGenerateDir) {
|
|
// Protect srcDir against generate.dir
|
|
guardDir(options, 'srcDir', 'generate.dir')
|
|
}
|
|
}
|
|
|
|
// Populate modulesDir
|
|
options.modulesDir = []
|
|
.concat(options.modulesDir)
|
|
.concat(path.join(options.nuxtDir, 'node_modules'))
|
|
.filter(hasValue)
|
|
.map(dir => path.resolve(options.rootDir, dir))
|
|
|
|
// Sanitize extensions
|
|
if (options.extensions.indexOf('js') === -1) {
|
|
options.extensions.unshift('js')
|
|
}
|
|
|
|
if (options.extensions.indexOf('mjs') === -1) {
|
|
options.extensions.unshift('mjs')
|
|
}
|
|
|
|
// If app.html is defined, set the template path to the user template
|
|
if (options.appTemplatePath === undefined) {
|
|
options.appTemplatePath = path.resolve(options.buildDir, 'views/app.template.html')
|
|
if (fs.existsSync(path.join(options.srcDir, 'app.html'))) {
|
|
options.appTemplatePath = path.join(options.srcDir, 'app.html')
|
|
}
|
|
} else {
|
|
options.appTemplatePath = path.resolve(options.srcDir, options.appTemplatePath)
|
|
}
|
|
|
|
// Ignore publicPath on dev
|
|
/* istanbul ignore if */
|
|
if (options.dev && isUrl(options.build.publicPath)) {
|
|
options.build.publicPath = defaults.build.publicPath
|
|
}
|
|
|
|
// If store defined, update store options to true unless explicitly disabled
|
|
if (
|
|
options.store !== false &&
|
|
fs.existsSync(path.join(options.srcDir, options.dir.store)) &&
|
|
fs.readdirSync(path.join(options.srcDir, options.dir.store))
|
|
.find(filename => filename !== 'README.md' && filename[0] !== '.')
|
|
) {
|
|
options.store = true
|
|
}
|
|
|
|
// SPA loadingIndicator
|
|
if (options.loadingIndicator) {
|
|
// Normalize loadingIndicator
|
|
if (!isPureObject(options.loadingIndicator)) {
|
|
options.loadingIndicator = { name: options.loadingIndicator }
|
|
}
|
|
|
|
// Apply defaults
|
|
options.loadingIndicator = Object.assign(
|
|
{
|
|
name: 'default',
|
|
color: (options.loading && options.loading.color) || '#D3D3D3',
|
|
color2: '#F5F5F5',
|
|
background: (options.manifest && options.manifest.theme_color) || 'white',
|
|
dev: options.dev,
|
|
loading: options.messages.loading
|
|
},
|
|
options.loadingIndicator
|
|
)
|
|
}
|
|
|
|
// Debug errors
|
|
if (options.debug === undefined) {
|
|
options.debug = options.dev
|
|
}
|
|
|
|
// Apply default hash to CSP option
|
|
const csp = options.render.csp
|
|
const cspDefaults = {
|
|
hashAlgorithm: 'sha256',
|
|
allowedSources: undefined,
|
|
policies: undefined,
|
|
reportOnly: options.debug
|
|
}
|
|
if (csp) {
|
|
options.render.csp = _.defaults(_.isObject(csp) ? csp : {}, cspDefaults)
|
|
}
|
|
|
|
// cssSourceMap
|
|
if (options.build.cssSourceMap === undefined) {
|
|
options.build.cssSourceMap = options.dev
|
|
}
|
|
|
|
// babel cacheDirectory
|
|
if (options.build.babel.cacheDirectory === undefined) {
|
|
options.build.babel.cacheDirectory = options.dev
|
|
}
|
|
|
|
// vue config
|
|
const vueConfig = options.vue.config
|
|
|
|
if (vueConfig.silent === undefined) {
|
|
vueConfig.silent = !options.dev
|
|
}
|
|
if (vueConfig.performance === undefined) {
|
|
vueConfig.performance = options.dev
|
|
}
|
|
|
|
// merge custom env with variables
|
|
const eligibleEnvVariables = _.pick(process.env, Object.keys(process.env).filter(k => k.startsWith('NUXT_ENV_')))
|
|
Object.assign(options.env, eligibleEnvVariables)
|
|
|
|
// Normalize ignore
|
|
options.ignore = options.ignore ? [].concat(options.ignore) : []
|
|
|
|
// Append ignorePrefix glob to ignore
|
|
if (typeof options.ignorePrefix === 'string') {
|
|
options.ignore.push(`**/${options.ignorePrefix}*.*`)
|
|
}
|
|
|
|
// Compression middleware legacy
|
|
if (options.render.gzip) {
|
|
consola.warn('render.gzip is deprecated and will be removed in a future version! Please switch to render.compressor')
|
|
options.render.compressor = options.render.gzip
|
|
delete options.render.gzip
|
|
}
|
|
|
|
// Apply mode preset
|
|
const modePreset = modes[options.mode || 'universal'] || modes.universal
|
|
_.defaultsDeep(options, modePreset)
|
|
|
|
// If no server-side rendering, add appear true transition
|
|
/* istanbul ignore if */
|
|
if (options.render.ssr === false && options.transition) {
|
|
options.transition.appear = true
|
|
}
|
|
|
|
// We assume the SPA fallback path is 404.html (for GitHub Pages, Surge, etc.)
|
|
if (options.generate.fallback === true) {
|
|
options.generate.fallback = '404.html'
|
|
}
|
|
|
|
if (options.build.stats === 'none' || options.build.quiet === true) {
|
|
options.build.stats = false
|
|
}
|
|
|
|
// Vendor backward compatibility with nuxt 1.x
|
|
if (typeof options.build.vendor !== 'undefined') {
|
|
delete options.build.vendor
|
|
consola.warn('vendor has been deprecated due to webpack4 optimization')
|
|
}
|
|
|
|
// TODO: remove when mini-css-extract-plugin supports HMR
|
|
if (options.dev) {
|
|
options.build.extractCSS = false
|
|
}
|
|
|
|
// Enable minimize for production builds
|
|
if (options.build.optimization.minimize === undefined) {
|
|
options.build.optimization.minimize = !options.dev
|
|
}
|
|
|
|
// Enable optimizeCSS only when extractCSS is enabled
|
|
if (options.build.optimizeCSS === undefined) {
|
|
options.build.optimizeCSS = options.build.extractCSS ? {} : false
|
|
}
|
|
|
|
const loaders = options.build.loaders
|
|
const vueLoader = loaders.vue
|
|
if (vueLoader.productionMode === undefined) {
|
|
vueLoader.productionMode = !options.dev
|
|
}
|
|
const styleLoaders = [
|
|
'css', 'cssModules', 'less',
|
|
'sass', 'scss', 'stylus', 'vueStyle'
|
|
]
|
|
for (const name of styleLoaders) {
|
|
const loader = loaders[name]
|
|
if (loader && loader.sourceMap === undefined) {
|
|
loader.sourceMap = Boolean(options.build.cssSourceMap)
|
|
}
|
|
}
|
|
|
|
// include SFCs in node_modules
|
|
options.build.transpile = [].concat(options.build.transpile || [])
|
|
.map(module => module instanceof RegExp ? module : new RegExp(module))
|
|
|
|
if (options.build.quiet === true) {
|
|
consola.level = 0
|
|
}
|
|
|
|
return options
|
|
}
|