c2dfe40296
@timneutkens it'd be great to get your input. These changes introduce a new Babel loader that eliminates much of the existing overhead, resulting in better HMR speeds. Multithreading is still in flight, and may be omitted if speed improvements end up being negligible. For now, the new loader is hidden behind an `experimental` flag. Items to be completed before this PR is ready to merge: - [x] reconfigure `ncc` to precompile the parts of `@babel/core` and `@babel/traverse` that we're accessing directly - [x] change `@babel/core/...` imports to `ncc`ed version - [x] ~~measure multithreading (not currently pushed) functionality, and include the functionality depending on the results~~ I'll open a separate PR for this - [x] ensure TypeScript is happy with all imports as final step (`--no-verify` was used to bypass) There will be two follow-up PRs: - loader support for projects with custom `.babelrc` - multithreaded loader (should the change we warranted after measurement)
934 lines
31 KiB
JavaScript
934 lines
31 KiB
JavaScript
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
const notifier = require('node-notifier')
|
|
const { relative, basename, resolve } = require('path')
|
|
const { Module } = require('module')
|
|
|
|
// Note:
|
|
// "bundles" folder shadows main node_modules in workspace where all installs in
|
|
// this shadow node_modules are alias installs only.
|
|
// This is because Yarn alias installs have bugs with version deduping where
|
|
// transitive versions are not resolved correctly - for example, webpack5
|
|
// will end up resolving webpack-sources@1 instead of webpack-sources@2.
|
|
// If/when this issue is fixed upstream in Yarn, this "shadowing" workaround can
|
|
// then be removed to directly install the bundles/package.json packages into
|
|
// the main package.json as normal devDependencies aliases.
|
|
const m = new Module(resolve(__dirname, 'bundles', '_'))
|
|
m.filename = m.id
|
|
m.paths = Module._nodeModulePaths(m.id)
|
|
const bundleRequire = m.require
|
|
bundleRequire.resolve = (request, options) =>
|
|
Module._resolveFilename(request, m, false, options)
|
|
|
|
export async function next__polyfill_nomodule(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src ||
|
|
relative(__dirname, require.resolve('@next/polyfill-nomodule'))
|
|
)
|
|
.target('dist/build/polyfills')
|
|
}
|
|
|
|
export async function browser_polyfills(task, opts) {
|
|
await task.parallel(['next__polyfill_nomodule'], opts)
|
|
}
|
|
|
|
const externals = {
|
|
// Browserslist (post-css plugins)
|
|
browserslist: 'browserslist',
|
|
'caniuse-lite': 'caniuse-lite', // FIXME: `autoprefixer` will still bundle this because it uses direct imports
|
|
'caniuse-lite/data/features/border-radius':
|
|
'caniuse-lite/data/features/border-radius',
|
|
'caniuse-lite/data/features/css-featurequeries.js':
|
|
'caniuse-lite/data/features/css-featurequeries',
|
|
|
|
chalk: 'chalk',
|
|
'node-fetch': 'node-fetch',
|
|
// postcss: 'postcss',
|
|
|
|
// webpack
|
|
'node-libs-browser': 'node-libs-browser',
|
|
|
|
// sass-loader
|
|
// (also responsible for these dependencies in package.json)
|
|
'node-sass': 'node-sass',
|
|
sass: 'sass',
|
|
fibers: 'fibers',
|
|
|
|
chokidar: 'chokidar',
|
|
'jest-worker': 'jest-worker',
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['amphtml-validator'] = 'next/dist/compiled/amphtml-validator'
|
|
export async function ncc_amphtml_validator(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, require.resolve('amphtml-validator'))
|
|
)
|
|
.ncc({ packageName: 'amphtml-validator', externals })
|
|
.target('compiled/amphtml-validator')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['@ampproject/toolbox-optimizer'] =
|
|
'next/dist/compiled/@ampproject/toolbox-optimizer'
|
|
export async function ncc_amp_optimizer(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src ||
|
|
relative(__dirname, require.resolve('@ampproject/toolbox-optimizer'))
|
|
)
|
|
.ncc({
|
|
externals,
|
|
precompiled: false,
|
|
packageName: '@ampproject/toolbox-optimizer',
|
|
})
|
|
.target('dist/compiled/@ampproject/toolbox-optimizer')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['arg'] = 'distcompiled/arg'
|
|
export async function ncc_arg(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('arg')))
|
|
.ncc({ packageName: 'arg' })
|
|
.target('compiled/arg')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['async-retry'] = 'next/dist/compiled/async-retry'
|
|
export async function ncc_async_retry(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('async-retry')))
|
|
.ncc({
|
|
packageName: 'async-retry',
|
|
externals,
|
|
})
|
|
.target('compiled/async-retry')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['async-sema'] = 'next/dist/compiled/async-sema'
|
|
export async function ncc_async_sema(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('async-sema')))
|
|
.ncc({ packageName: 'async-sema', externals })
|
|
.target('compiled/async-sema')
|
|
}
|
|
|
|
// eslint-disable-next-line camelcase
|
|
export async function ncc_babel_bundle(task, opts) {
|
|
const bundleExternals = { ...externals }
|
|
for (const pkg of Object.keys(babelBundlePackages)) {
|
|
delete bundleExternals[pkg]
|
|
}
|
|
await task
|
|
.source(opts.src || 'bundles/babel/bundle.js')
|
|
.ncc({
|
|
packageName: '@babel/core',
|
|
bundleName: 'babel',
|
|
externals: bundleExternals,
|
|
})
|
|
.target('compiled/babel')
|
|
}
|
|
|
|
const babelBundlePackages = {
|
|
'code-frame': 'next/dist/compiled/babel/code-frame',
|
|
'@babel/generator': 'next/dist/compiled/babel/generator',
|
|
'@babel/traverse': 'next/dist/compiled/babel/traverse',
|
|
'@babel/core': 'next/dist/compiled/babel/core',
|
|
'@babel/core/lib/config': 'next/dist/compiled/babel/core-lib-config',
|
|
'@babel/core/lib/transformation/normalize-file':
|
|
'next/dist/compiled/babel/core-lib-normalize-config',
|
|
'@babel/core/lib/transformation/normalize-opts':
|
|
'next/dist/compiled/babel/core-lib-normalize-opts',
|
|
'@babel/core/lib/transformation/block-hoist-plugin':
|
|
'next/dist/compiled/babel/core-lib-block-hoisting-plugin',
|
|
'@babel/core/lib/transformation/plugin-pass':
|
|
'next/dist/compiled/babel/core-lib-plugin-pass',
|
|
'@babel/plugin-proposal-class-properties':
|
|
'next/dist/compiled/babel/plugin-proposal-class-properties',
|
|
'@babel/plugin-proposal-export-namespace-from':
|
|
'next/dist/compiled/babel/plugin-proposal-export-namespace-from',
|
|
'@babel/plugin-proposal-numeric-separator':
|
|
'next/dist/compiled/babel/plugin-proposal-numeric-separator',
|
|
'@babel/plugin-proposal-object-rest-spread':
|
|
'next/dist/compiled/babel/plugin-proposal-object-rest-spread',
|
|
'@babel/plugin-syntax-bigint':
|
|
'next/dist/compiled/babel/plugin-syntax-bigint',
|
|
'@babel/plugin-syntax-dynamic-import':
|
|
'next/dist/compiled/babel/plugin-syntax-dynamic-import',
|
|
'@babel/plugin-syntax-jsx': 'next/dist/compiled/babel/plugin-syntax-jsx',
|
|
'@babel/plugin-transform-modules-commonjs':
|
|
'next/dist/compiled/babel/plugin-transform-modules-commonjs',
|
|
'@babel/plugin-transform-runtime':
|
|
'next/dist/compiled/babel/plugin-transform-runtime',
|
|
'@babel/preset-env': 'next/dist/compiled/babel/preset-env',
|
|
'@babel/preset-react': 'next/dist/compiled/babel/preset-react',
|
|
'@babel/preset-typescript': 'next/dist/compiled/babel/preset-typescript',
|
|
}
|
|
|
|
Object.assign(externals, babelBundlePackages)
|
|
|
|
export async function ncc_babel_bundle_packages(task, opts) {
|
|
await task
|
|
.source(opts.src || 'bundles/babel/packages/*')
|
|
.target('compiled/babel/')
|
|
}
|
|
|
|
// eslint-disable-next-line camelcase
|
|
externals['bfj'] = 'next/dist/compiled/bfj'
|
|
export async function ncc_bfj(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('bfj')))
|
|
.ncc({ packageName: 'bfj' })
|
|
.target('compiled/bfj')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['cacache'] = 'next/dist/compiled/cacache'
|
|
export async function ncc_cacache(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('cacache')))
|
|
.ncc({ packageName: 'cacache' })
|
|
.target('compiled/cacache')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['cache-loader'] = 'next/dist/compiled/cache-loader'
|
|
export async function ncc_cache_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('cache-loader')))
|
|
.ncc({ packageName: 'cache-loader', externals })
|
|
.target('compiled/cache-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['ci-info'] = 'next/dist/compiled/ci-info'
|
|
export async function ncc_ci_info(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('ci-info')))
|
|
.ncc({ packageName: 'ci-info', externals })
|
|
.target('compiled/ci-info')
|
|
}
|
|
externals['comment-json'] = 'next/dist/compiled/comment-json'
|
|
export async function ncc_comment_json(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('comment-json')))
|
|
.ncc({ packageName: 'comment-json', externals })
|
|
.target('compiled/comment-json')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['compression'] = 'next/dist/compiled/compression'
|
|
export async function ncc_compression(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('compression')))
|
|
.ncc({ packageName: 'compression', externals })
|
|
.target('compiled/compression')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['conf'] = 'next/dist/compiled/conf'
|
|
export async function ncc_conf(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('conf')))
|
|
.ncc({ packageName: 'conf', externals })
|
|
.target('compiled/conf')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['content-type'] = 'next/dist/compiled/content-type'
|
|
export async function ncc_content_type(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('content-type')))
|
|
.ncc({ packageName: 'content-type', externals })
|
|
.target('compiled/content-type')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['cookie'] = 'next/dist/compiled/cookie'
|
|
export async function ncc_cookie(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('cookie')))
|
|
.ncc({ packageName: 'cookie', externals })
|
|
.target('compiled/cookie')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['css-loader'] = 'next/dist/compiled/css-loader'
|
|
export async function ncc_css_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('css-loader')))
|
|
.ncc({
|
|
packageName: 'css-loader',
|
|
externals: {
|
|
...externals,
|
|
'schema-utils': 'next/dist/compiled/schema-utils',
|
|
},
|
|
target: 'es5',
|
|
})
|
|
.target('compiled/css-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['debug'] = 'next/dist/compiled/debug'
|
|
export async function ncc_debug(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('debug')))
|
|
.ncc({ packageName: 'debug', externals })
|
|
.target('compiled/debug')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['devalue'] = 'next/dist/compiled/devalue'
|
|
export async function ncc_devalue(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('devalue')))
|
|
.ncc({ packageName: 'devalue', externals })
|
|
.target('compiled/devalue')
|
|
}
|
|
externals['escape-string-regexp'] = 'next/dist/compiled/escape-string-regexp'
|
|
// eslint-disable-next-line camelcase
|
|
export async function ncc_escape_string_regexp(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, require.resolve('escape-string-regexp'))
|
|
)
|
|
.ncc({ packageName: 'escape-string-regexp', externals })
|
|
.target('compiled/escape-string-regexp')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['file-loader'] = 'next/dist/compiled/file-loader'
|
|
export async function ncc_file_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('file-loader')))
|
|
.ncc({ packageName: 'file-loader', externals })
|
|
.target('compiled/file-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['find-cache-dir'] = 'next/dist/compiled/find-cache-dir'
|
|
export async function ncc_find_cache_dir(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('find-cache-dir')))
|
|
.ncc({ packageName: 'find-cache-dir', externals })
|
|
.target('compiled/find-cache-dir')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['find-up'] = 'next/dist/compiled/find-up'
|
|
export async function ncc_find_up(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('find-up')))
|
|
.ncc({ packageName: 'find-up', externals })
|
|
.target('compiled/find-up')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['fresh'] = 'next/dist/compiled/fresh'
|
|
export async function ncc_fresh(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('fresh')))
|
|
.ncc({ packageName: 'fresh', externals })
|
|
.target('compiled/fresh')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['gzip-size'] = 'next/dist/compiled/gzip-size'
|
|
export async function ncc_gzip_size(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('gzip-size')))
|
|
.ncc({ packageName: 'gzip-size', externals })
|
|
.target('compiled/gzip-size')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['http-proxy'] = 'next/dist/compiled/http-proxy'
|
|
export async function ncc_http_proxy(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('http-proxy')))
|
|
.ncc({ packageName: 'http-proxy', externals })
|
|
.target('compiled/http-proxy')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['ignore-loader'] = 'next/dist/compiled/ignore-loader'
|
|
export async function ncc_ignore_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('ignore-loader')))
|
|
.ncc({ packageName: 'ignore-loader', externals })
|
|
.target('compiled/ignore-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['is-animated'] = 'next/dist/compiled/is-animated'
|
|
export async function ncc_is_animated(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('is-animated')))
|
|
.ncc({ packageName: 'is-animated', externals })
|
|
.target('compiled/is-animated')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['is-docker'] = 'next/dist/compiled/is-docker'
|
|
export async function ncc_is_docker(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('is-docker')))
|
|
.ncc({ packageName: 'is-docker', externals })
|
|
.target('compiled/is-docker')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['is-wsl'] = 'next/dist/compiled/is-wsl'
|
|
export async function ncc_is_wsl(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('is-wsl')))
|
|
.ncc({ packageName: 'is-wsl', externals })
|
|
.target('compiled/is-wsl')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['json5'] = 'next/dist/compiled/json5'
|
|
export async function ncc_json5(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('json5')))
|
|
.ncc({ packageName: 'json5', externals })
|
|
.target('compiled/json5')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['jsonwebtoken'] = 'next/dist/compiled/jsonwebtoken'
|
|
export async function ncc_jsonwebtoken(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('jsonwebtoken')))
|
|
.ncc({ packageName: 'jsonwebtoken', externals })
|
|
.target('compiled/jsonwebtoken')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['loader-utils'] = 'next/dist/compiled/loader-utils'
|
|
export async function ncc_loader_utils(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('loader-utils')))
|
|
.ncc({ packageName: 'loader-utils', externals })
|
|
.target('compiled/loader-utils')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['lodash.curry'] = 'next/dist/compiled/lodash.curry'
|
|
export async function ncc_lodash_curry(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('lodash.curry')))
|
|
.ncc({ packageName: 'lodash.curry', externals })
|
|
.target('compiled/lodash.curry')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['lru-cache'] = 'next/dist/compiled/lru-cache'
|
|
export async function ncc_lru_cache(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('lru-cache')))
|
|
.ncc({ packageName: 'lru-cache', externals })
|
|
.target('compiled/lru-cache')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['nanoid'] = 'next/dist/compiled/nanoid'
|
|
export async function ncc_nanoid(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('nanoid')))
|
|
.ncc({ packageName: 'nanoid', externals })
|
|
.target('compiled/nanoid')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['neo-async'] = 'next/dist/compiled/neo-async'
|
|
export async function ncc_neo_async(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('neo-async')))
|
|
.ncc({ packageName: 'neo-async', externals })
|
|
.target('compiled/neo-async')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['ora'] = 'next/dist/compiled/ora'
|
|
export async function ncc_ora(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('ora')))
|
|
.ncc({ packageName: 'ora', externals })
|
|
.target('compiled/ora')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['postcss-flexbugs-fixes'] =
|
|
'next/dist/compiled/postcss-flexbugs-fixes'
|
|
export async function ncc_postcss_flexbugs_fixes(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, require.resolve('postcss-flexbugs-fixes'))
|
|
)
|
|
.ncc({ packageName: 'postcss-flexbugs-fixes', externals })
|
|
.target('compiled/postcss-flexbugs-fixes')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['postcss-loader'] = 'next/dist/compiled/postcss-loader'
|
|
export async function ncc_postcss_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('postcss-loader')))
|
|
.ncc({ packageName: 'postcss-loader', externals })
|
|
.target('compiled/postcss-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['postcss-preset-env'] = 'next/dist/compiled/postcss-preset-env'
|
|
export async function ncc_postcss_preset_env(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, require.resolve('postcss-preset-env'))
|
|
)
|
|
.ncc({ packageName: 'postcss-preset-env', externals })
|
|
.target('compiled/postcss-preset-env')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['postcss-scss'] = 'next/dist/compiled/postcss-scss'
|
|
export async function ncc_postcss_scss(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('postcss-scss')))
|
|
.ncc({
|
|
packageName: 'postcss-scss',
|
|
externals: {
|
|
postcss: 'postcss',
|
|
'postcss/lib/parser': 'postcss/lib/parser',
|
|
...externals,
|
|
},
|
|
})
|
|
.target('compiled/postcss-scss')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['recast'] = 'next/dist/compiled/recast'
|
|
export async function ncc_recast(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('recast')))
|
|
.ncc({ packageName: 'recast', externals })
|
|
.target('compiled/recast')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['resolve-url-loader'] = 'next/dist/compiled/resolve-url-loader'
|
|
export async function ncc_resolve_url_loader(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, require.resolve('resolve-url-loader'))
|
|
)
|
|
.ncc({ packageName: 'resolve-url-loader', externals })
|
|
.target('compiled/resolve-url-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['sass-loader'] = 'next/dist/compiled/sass-loader'
|
|
export async function ncc_sass_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('sass-loader')))
|
|
.ncc({
|
|
packageName: 'sass-loader',
|
|
customEmit(path, isRequire) {
|
|
if (isRequire && path === 'sass') return false
|
|
if (path.indexOf('node-sass') !== -1)
|
|
return `eval("require.resolve('node-sass')")`
|
|
},
|
|
externals: {
|
|
...externals,
|
|
'schema-utils': 'next/dist/compiled/schema-utils3',
|
|
},
|
|
target: 'es5',
|
|
})
|
|
.target('compiled/sass-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['schema-utils'] = 'next/dist/compiled/schema-utils'
|
|
export async function ncc_schema_utils(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('schema-utils')))
|
|
.ncc({
|
|
packageName: 'schema-utils',
|
|
externals,
|
|
})
|
|
.target('compiled/schema-utils')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['schema-utils3'] = 'next/dist/compiled/schema-utils3'
|
|
export async function ncc_schema_utils3(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, bundleRequire.resolve('schema-utils3'))
|
|
)
|
|
.ncc({
|
|
packageName: 'schema-utils3',
|
|
externals,
|
|
})
|
|
.target('compiled/schema-utils3')
|
|
}
|
|
externals['semver'] = 'next/dist/compiled/semver'
|
|
export async function ncc_semver(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('semver')))
|
|
.ncc({ packageName: 'semver', externals })
|
|
.target('compiled/semver')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['send'] = 'next/dist/compiled/send'
|
|
export async function ncc_send(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('send')))
|
|
.ncc({ packageName: 'send', externals })
|
|
.target('compiled/send')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
// NB: Used by other dependencies, but Vercel version is a duplicate
|
|
// version so can be inlined anyway (although may change in future)
|
|
externals['source-map'] = 'next/dist/compiled/source-map'
|
|
export async function ncc_source_map(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('source-map')))
|
|
.ncc({ packageName: 'source-map', externals })
|
|
.target('compiled/source-map')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['string-hash'] = 'next/dist/compiled/string-hash'
|
|
export async function ncc_string_hash(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('string-hash')))
|
|
.ncc({ packageName: 'string-hash', externals })
|
|
.target('compiled/string-hash')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['strip-ansi'] = 'next/dist/compiled/strip-ansi'
|
|
export async function ncc_strip_ansi(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('strip-ansi')))
|
|
.ncc({ packageName: 'strip-ansi', externals })
|
|
.target('compiled/strip-ansi')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['terser'] = 'next/dist/compiled/terser'
|
|
export async function ncc_terser(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('terser')))
|
|
.ncc({ packageName: 'terser', externals })
|
|
.target('compiled/terser')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['text-table'] = 'next/dist/compiled/text-table'
|
|
export async function ncc_text_table(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('text-table')))
|
|
.ncc({ packageName: 'text-table', externals })
|
|
.target('compiled/text-table')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['thread-loader'] = 'next/dist/compiled/thread-loader'
|
|
export async function ncc_thread_loader(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('thread-loader')))
|
|
.ncc({ packageName: 'thread-loader', externals })
|
|
.target('compiled/thread-loader')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['unistore'] = 'next/dist/compiled/unistore'
|
|
export async function ncc_unistore(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('unistore')))
|
|
.ncc({ packageName: 'unistore', externals })
|
|
.target('compiled/unistore')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['web-vitals'] = 'next/dist/compiled/web-vitals'
|
|
export async function ncc_web_vitals(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('web-vitals')))
|
|
.ncc({ packageName: 'web-vitals', externals, target: 'es5' })
|
|
.target('compiled/web-vitals')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['webpack-sources'] = 'next/dist/compiled/webpack-sources'
|
|
export async function ncc_webpack_sources(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('webpack-sources')))
|
|
.ncc({ packageName: 'webpack-sources', externals, target: 'es5' })
|
|
.target('compiled/webpack-sources')
|
|
}
|
|
// eslint-disable-next-line camelcase
|
|
externals['webpack-sources2'] = 'next/dist/compiled/webpack-sources2'
|
|
export async function ncc_webpack_sources2(task, opts) {
|
|
await task
|
|
.source(
|
|
opts.src || relative(__dirname, bundleRequire.resolve('webpack-sources2'))
|
|
)
|
|
.ncc({ packageName: 'webpack-sources2', externals, target: 'es5' })
|
|
.target('compiled/webpack-sources2')
|
|
}
|
|
|
|
// eslint-disable-next-line camelcase
|
|
export async function ncc_webpack_bundle4(task, opts) {
|
|
await task
|
|
.source(opts.src || 'bundles/webpack/bundle4.js')
|
|
.ncc({
|
|
packageName: 'webpack',
|
|
bundleName: 'webpack',
|
|
externals,
|
|
minify: false,
|
|
target: 'es5',
|
|
})
|
|
.target('compiled/webpack')
|
|
}
|
|
|
|
// eslint-disable-next-line camelcase
|
|
export async function ncc_webpack_bundle5(task, opts) {
|
|
await task
|
|
.source(opts.src || 'bundles/webpack/bundle5.js')
|
|
.ncc({
|
|
packageName: 'webpack5',
|
|
bundleName: 'webpack',
|
|
customEmit(path) {
|
|
if (path.endsWith('.runtime.js')) return `'./${basename(path)}'`
|
|
},
|
|
externals: {
|
|
...externals,
|
|
'schema-utils': 'next/dist/compiled/schema-utils3',
|
|
'webpack-sources': 'next/dist/compiled/webpack-sources2',
|
|
},
|
|
minify: false,
|
|
target: 'es5',
|
|
})
|
|
.target('compiled/webpack')
|
|
}
|
|
|
|
const webpackBundlePackages = {
|
|
webpack: 'next/dist/compiled/webpack/webpack',
|
|
}
|
|
|
|
Object.assign(externals, webpackBundlePackages)
|
|
|
|
export async function ncc_webpack_bundle_packages(task, opts) {
|
|
await task
|
|
.source(opts.src || 'bundles/webpack/packages/*')
|
|
.target('compiled/webpack/')
|
|
}
|
|
|
|
externals['path-to-regexp'] = 'next/dist/compiled/path-to-regexp'
|
|
export async function path_to_regexp(task, opts) {
|
|
await task
|
|
.source(opts.src || relative(__dirname, require.resolve('path-to-regexp')))
|
|
.target('dist/compiled/path-to-regexp')
|
|
}
|
|
|
|
export async function precompile(task, opts) {
|
|
await task.parallel(
|
|
['browser_polyfills', 'path_to_regexp', 'copy_ncced'],
|
|
opts
|
|
)
|
|
}
|
|
|
|
// eslint-disable-next-line camelcase
|
|
export async function copy_ncced(task) {
|
|
// we don't ncc every time we build since these won't change
|
|
// that often and can be committed to the repo saving build time
|
|
await task.source('compiled/**/*').target('dist/compiled')
|
|
}
|
|
|
|
export async function ncc(task, opts) {
|
|
await task
|
|
.clear('compiled')
|
|
.parallel(
|
|
[
|
|
'ncc_amphtml_validator',
|
|
'ncc_arg',
|
|
'ncc_async_retry',
|
|
'ncc_async_sema',
|
|
'ncc_babel_bundle',
|
|
'ncc_babel_bundle_packages',
|
|
'ncc_bfj',
|
|
'ncc_cacache',
|
|
'ncc_cache_loader',
|
|
'ncc_ci_info',
|
|
'ncc_comment_json',
|
|
'ncc_compression',
|
|
'ncc_conf',
|
|
'ncc_content_type',
|
|
'ncc_cookie',
|
|
'ncc_css_loader',
|
|
'ncc_debug',
|
|
'ncc_devalue',
|
|
'ncc_escape_string_regexp',
|
|
'ncc_file_loader',
|
|
'ncc_find_cache_dir',
|
|
'ncc_find_up',
|
|
'ncc_fresh',
|
|
'ncc_gzip_size',
|
|
'ncc_http_proxy',
|
|
'ncc_ignore_loader',
|
|
'ncc_is_animated',
|
|
'ncc_is_docker',
|
|
'ncc_is_wsl',
|
|
'ncc_json5',
|
|
'ncc_jsonwebtoken',
|
|
'ncc_loader_utils',
|
|
'ncc_lodash_curry',
|
|
'ncc_lru_cache',
|
|
'ncc_nanoid',
|
|
'ncc_neo_async',
|
|
'ncc_ora',
|
|
'ncc_postcss_flexbugs_fixes',
|
|
'ncc_postcss_loader',
|
|
'ncc_postcss_preset_env',
|
|
'ncc_postcss_scss',
|
|
'ncc_recast',
|
|
'ncc_resolve_url_loader',
|
|
'ncc_sass_loader',
|
|
'ncc_schema_utils',
|
|
'ncc_schema_utils3',
|
|
'ncc_semver',
|
|
'ncc_send',
|
|
'ncc_source_map',
|
|
'ncc_string_hash',
|
|
'ncc_strip_ansi',
|
|
'ncc_terser',
|
|
'ncc_text_table',
|
|
'ncc_thread_loader',
|
|
'ncc_unistore',
|
|
'ncc_web_vitals',
|
|
'ncc_webpack_bundle4',
|
|
'ncc_webpack_bundle5',
|
|
'ncc_webpack_bundle_packages',
|
|
'ncc_webpack_sources',
|
|
'ncc_webpack_sources2',
|
|
],
|
|
opts
|
|
)
|
|
}
|
|
|
|
export async function compile(task, opts) {
|
|
await task.parallel(
|
|
[
|
|
'cli',
|
|
'bin',
|
|
'server',
|
|
'nextbuild',
|
|
'nextbuildstatic',
|
|
'pages',
|
|
'lib',
|
|
'client',
|
|
'telemetry',
|
|
'nextserver',
|
|
'nextserver_wasm',
|
|
// we compile this each time so that fresh runtime data is pulled
|
|
// before each publish
|
|
'ncc_amp_optimizer',
|
|
],
|
|
opts
|
|
)
|
|
}
|
|
|
|
export async function bin(task, opts) {
|
|
await task
|
|
.source(opts.src || 'bin/*')
|
|
.babel('server', { stripExtension: true, dev: opts.dev })
|
|
.target('dist/bin', { mode: '0755' })
|
|
notify('Compiled binaries')
|
|
}
|
|
|
|
export async function cli(task, opts) {
|
|
await task
|
|
.source(opts.src || 'cli/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/cli')
|
|
notify('Compiled cli files')
|
|
}
|
|
|
|
export async function lib(task, opts) {
|
|
await task
|
|
.source(opts.src || 'lib/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/lib')
|
|
notify('Compiled lib files')
|
|
}
|
|
|
|
export async function server(task, opts) {
|
|
await task
|
|
.source(opts.src || 'server/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/server')
|
|
notify('Compiled server files')
|
|
}
|
|
|
|
export async function nextbuild(task, opts) {
|
|
await task
|
|
.source(opts.src || 'build/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/build')
|
|
notify('Compiled build files')
|
|
}
|
|
|
|
export async function client(task, opts) {
|
|
await task
|
|
.source(opts.src || 'client/**/*.+(js|ts|tsx)')
|
|
.babel('client', { dev: opts.dev })
|
|
.target('dist/client')
|
|
notify('Compiled client files')
|
|
}
|
|
|
|
// export is a reserved keyword for functions
|
|
export async function nextbuildstatic(task, opts) {
|
|
await task
|
|
.source(opts.src || 'export/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/export')
|
|
notify('Compiled export files')
|
|
}
|
|
|
|
export async function pages_app(task, opts) {
|
|
await task
|
|
.source('pages/_app.tsx')
|
|
.babel('client', { dev: opts.dev })
|
|
.target('dist/pages')
|
|
}
|
|
|
|
export async function pages_error(task, opts) {
|
|
await task
|
|
.source('pages/_error.tsx')
|
|
.babel('client', { dev: opts.dev })
|
|
.target('dist/pages')
|
|
}
|
|
|
|
export async function pages_document(task, opts) {
|
|
await task
|
|
.source('pages/_document.tsx')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/pages')
|
|
}
|
|
|
|
export async function pages(task, opts) {
|
|
await task.parallel(['pages_app', 'pages_error', 'pages_document'], opts)
|
|
}
|
|
|
|
export async function telemetry(task, opts) {
|
|
await task
|
|
.source(opts.src || 'telemetry/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/telemetry')
|
|
notify('Compiled telemetry files')
|
|
}
|
|
|
|
export async function build(task, opts) {
|
|
await task.serial(['precompile', 'compile'], opts)
|
|
}
|
|
|
|
export default async function (task) {
|
|
const opts = { dev: true }
|
|
await task.clear('dist')
|
|
await task.start('build', opts)
|
|
await task.watch('bin/*', 'bin', opts)
|
|
await task.watch('pages/**/*.+(js|ts|tsx)', 'pages', opts)
|
|
await task.watch('server/**/*.+(js|ts|tsx)', 'server', opts)
|
|
await task.watch('build/**/*.+(js|ts|tsx)', 'nextbuild', opts)
|
|
await task.watch('export/**/*.+(js|ts|tsx)', 'nextbuildstatic', opts)
|
|
await task.watch('client/**/*.+(js|ts|tsx)', 'client', opts)
|
|
await task.watch('lib/**/*.+(js|ts|tsx)', 'lib', opts)
|
|
await task.watch('cli/**/*.+(js|ts|tsx)', 'cli', opts)
|
|
await task.watch('telemetry/**/*.+(js|ts|tsx)', 'telemetry', opts)
|
|
await task.watch('next-server/**/*.+(js|ts|tsx)', 'nextserver', opts)
|
|
await task.watch('next-server/**/*.+(wasm)', 'nextserver_wasm', opts)
|
|
}
|
|
|
|
export async function nextserver(task, opts) {
|
|
await task
|
|
.source(opts.src || 'next-server/**/*.+(js|ts|tsx)')
|
|
.babel('server', { dev: opts.dev })
|
|
.target('dist/next-server')
|
|
notify('Compiled server files')
|
|
}
|
|
|
|
export async function nextserver_wasm(task, opts) {
|
|
await task
|
|
.source(opts.src || 'next-server/**/*.+(wasm)')
|
|
.target('dist/next-server')
|
|
notify('Moved server wasm files')
|
|
}
|
|
|
|
export async function release(task) {
|
|
await task.clear('dist').start('build')
|
|
}
|
|
|
|
// notification helper
|
|
function notify(msg) {
|
|
return notifier.notify({
|
|
title: '▲ Next',
|
|
message: msg,
|
|
icon: false,
|
|
})
|
|
}
|