|
|
@@ -0,0 +1,387 @@
|
|
|
+// @ts-check
|
|
|
+import assert from 'node:assert/strict'
|
|
|
+import { createRequire } from 'node:module'
|
|
|
+import { fileURLToPath } from 'node:url'
|
|
|
+import path from 'node:path'
|
|
|
+import { replacePlugin } from 'rolldown/experimental'
|
|
|
+import pico from 'picocolors'
|
|
|
+import polyfillNode from '@rolldown/plugin-node-polyfills'
|
|
|
+import { entries } from './aliases.js'
|
|
|
+import { inlineEnums } from './inline-enums.js'
|
|
|
+import { minify as minifySwc } from '@swc/core'
|
|
|
+
|
|
|
+const require = createRequire(import.meta.url)
|
|
|
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
|
|
+
|
|
|
+const masterVersion = require('../package.json').version
|
|
|
+const consolidatePkg = require('@vue/consolidate/package.json')
|
|
|
+
|
|
|
+const packagesDir = path.resolve(__dirname, '../packages')
|
|
|
+
|
|
|
+/** @typedef {'cjs' | 'esm-bundler' | 'global' | 'global-runtime' | 'esm-browser' | 'esm-bundler-runtime' | 'esm-browser-runtime'} PackageFormat */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {{
|
|
|
+ * target: string
|
|
|
+ * commit: string
|
|
|
+ * formats?: PackageFormat[]
|
|
|
+ * devOnly?: boolean
|
|
|
+ * prodOnly?: boolean
|
|
|
+ * sourceMap?: boolean
|
|
|
+ * }} options
|
|
|
+ */
|
|
|
+export function createConfigsForPackage({
|
|
|
+ target,
|
|
|
+ commit,
|
|
|
+ formats,
|
|
|
+ devOnly = false,
|
|
|
+ prodOnly = false,
|
|
|
+ sourceMap = false,
|
|
|
+}) {
|
|
|
+ const [enumPlugin, enumDefines] = inlineEnums()
|
|
|
+
|
|
|
+ const packageDir = path.resolve(packagesDir, target)
|
|
|
+ const resolve = (/** @type {string} */ p) => path.resolve(packageDir, p)
|
|
|
+ const pkg = require(resolve(`package.json`))
|
|
|
+ const packageOptions = pkg.buildOptions || {}
|
|
|
+ const name = packageOptions.filename || path.basename(packageDir)
|
|
|
+
|
|
|
+ /** @type {Record<PackageFormat, import('rolldown').OutputOptions>} */
|
|
|
+ const outputConfigs = {
|
|
|
+ 'esm-bundler': {
|
|
|
+ entryFileNames: `${name}.esm-bundler.js`,
|
|
|
+ format: 'es',
|
|
|
+ },
|
|
|
+ 'esm-browser': {
|
|
|
+ entryFileNames: `${name}.esm-browser.js`,
|
|
|
+ format: 'es',
|
|
|
+ },
|
|
|
+ cjs: {
|
|
|
+ entryFileNames: `${name}.cjs.js`,
|
|
|
+ format: 'cjs',
|
|
|
+ },
|
|
|
+ global: {
|
|
|
+ entryFileNames: `${name}.global.js`,
|
|
|
+ format: 'iife',
|
|
|
+ },
|
|
|
+ // runtime-only builds, for main "vue" package only
|
|
|
+ 'esm-bundler-runtime': {
|
|
|
+ entryFileNames: `${name}.runtime.esm-bundler.js`,
|
|
|
+ format: 'es',
|
|
|
+ },
|
|
|
+ 'esm-browser-runtime': {
|
|
|
+ entryFileNames: `${name}.runtime.esm-browser.js`,
|
|
|
+ format: 'es',
|
|
|
+ },
|
|
|
+ 'global-runtime': {
|
|
|
+ entryFileNames: `${name}.runtime.global.js`,
|
|
|
+ format: 'iife',
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ const resolvedFormats = (
|
|
|
+ formats ||
|
|
|
+ packageOptions.formats || ['esm-bundler', 'cjs']
|
|
|
+ ).filter(format => outputConfigs[format])
|
|
|
+
|
|
|
+ const packageConfigs = prodOnly
|
|
|
+ ? []
|
|
|
+ : resolvedFormats.map(format => createConfig(format, outputConfigs[format]))
|
|
|
+
|
|
|
+ if (!devOnly) {
|
|
|
+ resolvedFormats.forEach(format => {
|
|
|
+ if (packageOptions.prod === false) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (format === 'cjs') {
|
|
|
+ packageConfigs.push(createProductionConfig(format))
|
|
|
+ }
|
|
|
+ if (/^(global|esm-browser)(-runtime)?/.test(format)) {
|
|
|
+ packageConfigs.push(createMinifiedConfig(format))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ *
|
|
|
+ * @param {PackageFormat} format
|
|
|
+ * @param {import('rolldown').OutputOptions} output
|
|
|
+ * @param {import('rolldown').Plugin[]} plugins
|
|
|
+ * @returns {import('rolldown').RolldownOptions}
|
|
|
+ */
|
|
|
+ function createConfig(format, output, plugins = []) {
|
|
|
+ if (!output) {
|
|
|
+ console.error(pico.yellow(`invalid format: "${format}"`))
|
|
|
+ process.exit(1)
|
|
|
+ }
|
|
|
+
|
|
|
+ output.dir = resolve('dist')
|
|
|
+
|
|
|
+ const isProductionBuild = /\.prod\.js$/.test(
|
|
|
+ String(output.entryFileNames) || '',
|
|
|
+ )
|
|
|
+ const isBundlerESMBuild = /esm-bundler/.test(format)
|
|
|
+ const isBrowserESMBuild = /esm-browser/.test(format)
|
|
|
+ const isServerRenderer = name === 'server-renderer'
|
|
|
+ const isCJSBuild = format === 'cjs'
|
|
|
+ const isGlobalBuild = /global/.test(format)
|
|
|
+ const isCompatPackage =
|
|
|
+ pkg.name === '@vue/compat' || pkg.name === '@vue/compat-canary'
|
|
|
+ const isCompatBuild = !!packageOptions.compat
|
|
|
+ const isBrowserBuild =
|
|
|
+ (isGlobalBuild || isBrowserESMBuild || isBundlerESMBuild) &&
|
|
|
+ !packageOptions.enableNonBrowserBranches
|
|
|
+
|
|
|
+ output.banner = `/**
|
|
|
+ * ${pkg.name} v${masterVersion}
|
|
|
+ * (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
|
+ * @license MIT
|
|
|
+ **/`
|
|
|
+
|
|
|
+ output.exports = isCompatPackage ? 'auto' : 'named'
|
|
|
+ if (isCJSBuild) {
|
|
|
+ output.esModule = true
|
|
|
+ }
|
|
|
+ output.sourcemap = sourceMap
|
|
|
+
|
|
|
+ output.externalLiveBindings = false
|
|
|
+
|
|
|
+ // https://github.com/rollup/rollup/pull/5380
|
|
|
+ // @ts-expect-error Not supported yet
|
|
|
+ output.reexportProtoFromExternal = false
|
|
|
+
|
|
|
+ if (isGlobalBuild) {
|
|
|
+ output.name = packageOptions.name
|
|
|
+ }
|
|
|
+
|
|
|
+ let entryFile = /runtime$/.test(format) ? `src/runtime.ts` : `src/index.ts`
|
|
|
+
|
|
|
+ // the compat build needs both default AND named exports. This will cause
|
|
|
+ // Rollup to complain for non-ESM targets, so we use separate entries for
|
|
|
+ // esm vs. non-esm builds.
|
|
|
+ if (isCompatPackage && (isBrowserESMBuild || isBundlerESMBuild)) {
|
|
|
+ entryFile = /runtime$/.test(format)
|
|
|
+ ? `src/esm-runtime.ts`
|
|
|
+ : `src/esm-index.ts`
|
|
|
+ }
|
|
|
+
|
|
|
+ function resolveDefine() {
|
|
|
+ /** @type {Record<string, string>} */
|
|
|
+ const defines = {
|
|
|
+ __COMMIT__: `"${commit}"`,
|
|
|
+ __VERSION__: `"${masterVersion}"`,
|
|
|
+ // this is only used during Vue's internal tests
|
|
|
+ __TEST__: `false`,
|
|
|
+ // If the build is expected to run directly in the browser (global / esm builds)
|
|
|
+ __BROWSER__: String(isBrowserBuild),
|
|
|
+ __GLOBAL__: String(isGlobalBuild),
|
|
|
+ __ESM_BUNDLER__: String(isBundlerESMBuild),
|
|
|
+ __ESM_BROWSER__: String(isBrowserESMBuild),
|
|
|
+ // is targeting Node (SSR)?
|
|
|
+ __CJS__: String(isCJSBuild),
|
|
|
+ // need SSR-specific branches?
|
|
|
+ __SSR__: String(isCJSBuild || isBundlerESMBuild || isServerRenderer),
|
|
|
+
|
|
|
+ // 2.x compat build
|
|
|
+ __COMPAT__: String(isCompatBuild),
|
|
|
+
|
|
|
+ // feature flags
|
|
|
+ __FEATURE_SUSPENSE__: `true`,
|
|
|
+ __FEATURE_OPTIONS_API__: isBundlerESMBuild
|
|
|
+ ? `__VUE_OPTIONS_API__`
|
|
|
+ : `true`,
|
|
|
+ __FEATURE_PROD_DEVTOOLS__: isBundlerESMBuild
|
|
|
+ ? `__VUE_PROD_DEVTOOLS__`
|
|
|
+ : `false`,
|
|
|
+ __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: isBundlerESMBuild
|
|
|
+ ? `__VUE_PROD_HYDRATION_MISMATCH_DETAILS__`
|
|
|
+ : `false`,
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!isBundlerESMBuild) {
|
|
|
+ // hard coded dev/prod builds
|
|
|
+ defines.__DEV__ = String(!isProductionBuild)
|
|
|
+ }
|
|
|
+
|
|
|
+ // allow inline overrides like
|
|
|
+ //__RUNTIME_COMPILE__=true pnpm build runtime-core
|
|
|
+ Object.keys(defines).forEach(key => {
|
|
|
+ if (key in process.env) {
|
|
|
+ const value = process.env[key]
|
|
|
+ assert(typeof value === 'string')
|
|
|
+ defines[key] = value
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ return defines
|
|
|
+ }
|
|
|
+
|
|
|
+ // esbuild define is a bit strict and only allows literal json or identifiers
|
|
|
+ // so we still need replace plugin in some cases
|
|
|
+ function resolveReplace() {
|
|
|
+ /** @type {Record<string, string>} */
|
|
|
+ const replacements = { ...enumDefines }
|
|
|
+
|
|
|
+ if (isBundlerESMBuild) {
|
|
|
+ Object.assign(replacements, {
|
|
|
+ // preserve to be handled by bundlers
|
|
|
+ __DEV__: `!!(process.env.NODE_ENV !== 'production')`,
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // for compiler-sfc browser build inlined deps
|
|
|
+ if (isBrowserESMBuild && name === 'compiler-sfc') {
|
|
|
+ Object.assign(replacements, {
|
|
|
+ 'process.env': '({})',
|
|
|
+ 'process.platform': '""',
|
|
|
+ 'process.stdout': 'null',
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (Object.keys(replacements).length) {
|
|
|
+ return [replacePlugin(replacements)]
|
|
|
+ } else {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function resolveExternal() {
|
|
|
+ const treeShakenDeps = [
|
|
|
+ 'source-map-js',
|
|
|
+ '@babel/parser',
|
|
|
+ 'estree-walker',
|
|
|
+ 'entities/lib/decode.js',
|
|
|
+ ]
|
|
|
+
|
|
|
+ // we are bundling forked consolidate.js in compiler-sfc which dynamically
|
|
|
+ // requires a ton of template engines which should be ignored.
|
|
|
+ let cjsIgnores = []
|
|
|
+ if (
|
|
|
+ pkg.name === '@vue/compiler-sfc' ||
|
|
|
+ pkg.name === '@vue/compiler-sfc-canary'
|
|
|
+ ) {
|
|
|
+ cjsIgnores = [
|
|
|
+ ...Object.keys(consolidatePkg.devDependencies),
|
|
|
+ 'vm',
|
|
|
+ 'crypto',
|
|
|
+ 'react-dom/server',
|
|
|
+ 'teacup/lib/express',
|
|
|
+ 'arc-templates/dist/es5',
|
|
|
+ 'then-pug',
|
|
|
+ 'then-jade',
|
|
|
+ ]
|
|
|
+ }
|
|
|
+
|
|
|
+ if (isGlobalBuild || isBrowserESMBuild || isCompatPackage) {
|
|
|
+ if (!packageOptions.enableNonBrowserBranches) {
|
|
|
+ // normal browser builds - non-browser only imports are tree-shaken,
|
|
|
+ // they are only listed here to suppress warnings.
|
|
|
+ return treeShakenDeps
|
|
|
+ } else {
|
|
|
+ return cjsIgnores
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // Node / esm-bundler builds.
|
|
|
+ // externalize all direct deps unless it's the compat build.
|
|
|
+ return [
|
|
|
+ ...Object.keys(pkg.dependencies || {}),
|
|
|
+ ...Object.keys(pkg.peerDependencies || {}),
|
|
|
+ // for @vue/compiler-sfc / server-renderer
|
|
|
+ ...['path', 'url', 'stream'],
|
|
|
+ // somehow these throw warnings for runtime-* package builds
|
|
|
+ ...treeShakenDeps,
|
|
|
+ ...cjsIgnores,
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function resolveNodePlugins() {
|
|
|
+ const nodePlugins =
|
|
|
+ (format === 'cjs' && Object.keys(pkg.devDependencies || {}).length) ||
|
|
|
+ packageOptions.enableNonBrowserBranches
|
|
|
+ ? [...(format === 'cjs' ? [] : [polyfillNode()])]
|
|
|
+ : []
|
|
|
+ return nodePlugins
|
|
|
+ }
|
|
|
+
|
|
|
+ return {
|
|
|
+ input: resolve(entryFile),
|
|
|
+ // Global and Browser ESM builds inlines everything so that they can be
|
|
|
+ // used alone.
|
|
|
+ external: resolveExternal(),
|
|
|
+ define: resolveDefine(),
|
|
|
+ platform: format === 'cjs' ? 'node' : 'browser',
|
|
|
+ resolve: {
|
|
|
+ alias: entries,
|
|
|
+ },
|
|
|
+ plugins: [
|
|
|
+ // @ts-expect-error rollup's Plugin type incompatible w/ rolldown's vendored Plugin type
|
|
|
+ enumPlugin,
|
|
|
+ ...resolveReplace(),
|
|
|
+ ...resolveNodePlugins(),
|
|
|
+ ...plugins,
|
|
|
+ ],
|
|
|
+ output,
|
|
|
+ onwarn: (msg, warn) => {
|
|
|
+ if (msg.code !== 'CIRCULAR_DEPENDENCY') {
|
|
|
+ warn(msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ treeshake: {
|
|
|
+ // https://github.com/rolldown/rolldown/issues/1917
|
|
|
+ moduleSideEffects: false,
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function createProductionConfig(/** @type {PackageFormat} */ format) {
|
|
|
+ return createConfig(format, {
|
|
|
+ entryFileNames: `${name}.${format}.prod.js`,
|
|
|
+ format: outputConfigs[format].format,
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function createMinifiedConfig(/** @type {PackageFormat} */ format) {
|
|
|
+ return createConfig(
|
|
|
+ format,
|
|
|
+ {
|
|
|
+ entryFileNames: String(outputConfigs[format].entryFileNames).replace(
|
|
|
+ /\.js$/,
|
|
|
+ '.prod.js',
|
|
|
+ ),
|
|
|
+ format: outputConfigs[format].format,
|
|
|
+ // minify: true,
|
|
|
+ },
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name: 'swc-minify',
|
|
|
+ async renderChunk(
|
|
|
+ contents,
|
|
|
+ _,
|
|
|
+ {
|
|
|
+ format,
|
|
|
+ sourcemap,
|
|
|
+ // @ts-expect-error not supported yet
|
|
|
+ sourcemapExcludeSources,
|
|
|
+ },
|
|
|
+ ) {
|
|
|
+ const { code, map } = await minifySwc(contents, {
|
|
|
+ module: format === 'es',
|
|
|
+ compress: {
|
|
|
+ ecma: 2016,
|
|
|
+ pure_getters: true,
|
|
|
+ },
|
|
|
+ safari10: true,
|
|
|
+ mangle: true,
|
|
|
+ sourceMap: !!sourcemap,
|
|
|
+ inlineSourcesContent: !sourcemapExcludeSources,
|
|
|
+ })
|
|
|
+ return { code, map: map || null }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ return packageConfigs
|
|
|
+}
|
Evan You