ssr-plugin-react 6.2.85 → 7.0.1

package/esm/tools/webpack.js

@@ -1,18 +0,0 @@
-import * as WebpackChain from 'webpack-chain';
-export const webpackStart = async () => {
-    const { startServerBuild } = await import('ssr-webpack/cjs/server');
-    const { getServerWebpack } = await import('../config/server');
-    const serverConfigChain = new WebpackChain();
-    const { startClientServer } = await import('ssr-webpack');
-    const { getClientWebpack } = await import('../config');
-    const clientConfigChain = new WebpackChain();
-    await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientServer(getClientWebpack(clientConfigChain))]);
-};
-export const webpackBuild = async () => {
-    const { startServerBuild, startClientBuild } = await import('ssr-webpack');
-    const { getClientWebpack, getServerWebpack } = await import('../config');
-    const serverConfigChain = new WebpackChain();
-    const clientConfigChain = new WebpackChain();
-    await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))]);
-};
-//# sourceMappingURL=webpack.js.map

package/esm/tools/webpack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../src/tools/webpack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,eAAe,CAAA;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;IACtC,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAA;IACnE,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,IAAI,YAAY,EAAE,CAAA;IAE5C,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAA;IACzD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;IACtD,MAAM,iBAAiB,GAAG,IAAI,YAAY,EAAE,CAAA;IAC5C,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;AACnI,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;IACtC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAA;IAC1E,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;IACxE,MAAM,iBAAiB,GAAG,IAAI,YAAY,EAAE,CAAA;IAC5C,MAAM,iBAAiB,GAAG,IAAI,YAAY,EAAE,CAAA;IAC5C,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;AAClI,CAAC,CAAA"}

package/src/config/base.ts

@@ -1,57 +0,0 @@
-import { join } from 'path'
-import { addCommonChain, getBuildConfig, getCwd, loadConfig, loadModuleFromFramework, setStyle } from 'ssr-common-utils'
-import { Mode } from 'ssr-types'
-import * as webpack from 'ssr-webpack4'
-import WebpackChain from 'webpack-chain'
-
-const MiniCssExtractPlugin = require(loadModuleFromFramework('ssr-mini-css-extract-plugin'))
-const WebpackBar = require('webpackbar')
-
-const getBaseConfig = (chain: WebpackChain, isServer: boolean) => {
-	const config = loadConfig()
-	const { moduleFileExtensions, chainBaseConfig, alias, define } = config
-	const mode = process.env.NODE_ENV as Mode
-
-	chain.mode(mode)
-	chain.module.strictExportPresence(true)
-	chain.resolve.modules.add('node_modules').add(join(getCwd(), './node_modules')).end().extensions.merge(moduleFileExtensions).end().alias.end()
-
-	alias &&
-		Object.keys(alias).forEach((item) => {
-			chain.resolve.alias.set(item, alias[item])
-		})
-	addCommonChain(chain, isServer)
-	setStyle(chain, /\.css$/, {
-		rule: 'css',
-		isServer,
-		importLoaders: 1
-	})
-
-	setStyle(chain, /\.less$/, {
-		rule: 'less',
-		loader: 'less-loader',
-		isServer,
-		importLoaders: 2
-	})
-
-	chain.plugin('minify-css').use(MiniCssExtractPlugin, getBuildConfig().cssBuildConfig)
-
-	chain.plugin('webpackBar').use(
-		new WebpackBar({
-			name: isServer ? 'server' : 'client',
-			color: isServer ? '#f173ac' : '#45b97c'
-		})
-	)
-	chain.plugin('ssrDefine').use(webpack.DefinePlugin, [
-		{
-			...process.env,
-			__isBrowser__: !isServer,
-			...(isServer ? define?.server : define?.client),
-			...define?.base
-		}
-	])
-	chainBaseConfig(chain, isServer)
-	return config
-}
-
-export { getBaseConfig }

package/src/config/client.ts

@@ -1,62 +0,0 @@
-import { asyncChunkMap, getBuildConfig, getOutputPublicPath, getSplitChunksOptions, loadConfig, loadModuleFromFramework, terserConfig } from 'ssr-common-utils'
-import WebpackChain from 'webpack-chain'
-import { getBaseConfig } from './base'
-
-const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin')
-const safePostCssParser = require('postcss-safe-parser')
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')
-const loadModule = loadModuleFromFramework
-
-const getClientWebpack = (chain: WebpackChain) => {
-	const { isDev, chunkName, getOutput, cwd, chainClientConfig, host, fePort } = loadConfig()
-	const buildConfig = getBuildConfig()
-
-	const shouldUseSourceMap = isDev || Boolean(process.env.GENERATE_SOURCEMAP)
-	const publicPath = getOutputPublicPath()
-	getBaseConfig(chain, false)
-	chain.entry(chunkName).add(require.resolve('../entry/client-entry')).end().output.path(getOutput().clientOutPut).filename(buildConfig.jsBuldConfig.fileName).chunkFilename(buildConfig.jsBuldConfig.chunkFileName).publicPath(publicPath).end()
-	chain.optimization
-		.runtimeChunk(true)
-		.splitChunks(getSplitChunksOptions(asyncChunkMap))
-		.when(!isDev, (optimization) => {
-			optimization.minimizer('terser').use(loadModule('terser-webpack-plugin'), [terserConfig(false)])
-			optimization.minimizer('optimize-css').use(loadModule('optimize-css-assets-webpack-plugin'), [
-				{
-					cssProcessorOptions: {
-						parser: safePostCssParser,
-						map: shouldUseSourceMap
-							? {
-									inline: false,
-									annotation: true
-								}
-							: false
-					}
-				}
-			])
-		})
-
-	chain.plugin('moduleNotFound').use(ModuleNotFoundPlugin, [cwd])
-
-	chain.plugin('manifest').use(loadModule('webpack-manifest-plugin'), [
-		{
-			fileName: 'asset-manifest.json'
-		}
-	])
-
-	chain.when(isDev, (chain) => {
-		chain.plugin('fast-refresh').use(
-			new ReactRefreshWebpackPlugin({
-				overlay: {
-					sockHost: host,
-					sockPort: fePort
-				}
-			})
-		)
-	})
-
-	chainClientConfig(chain) // 合并用户自定义配置
-
-	return chain.toConfig()
-}
-
-export { getClientWebpack }

package/src/config/index.ts

@@ -1,2 +0,0 @@
-export * from './client'
-export * from './server'

package/src/config/server.ts

@@ -1,43 +0,0 @@
-import { loadConfig, loadModuleFromFramework } from 'ssr-common-utils'
-import * as webpack from 'ssr-webpack4'
-import WebpackChain from 'webpack-chain'
-
-import { getBaseConfig } from './base'
-
-const getServerWebpack = (chain: WebpackChain) => {
-	const config = loadConfig()
-	const { isDev, getOutput, chainServerConfig, chunkName } = config
-	const shouldUseSourceMap = isDev || Boolean(process.env.GENERATE_SOURCEMAP)
-	getBaseConfig(chain, true)
-	chain.target('node')
-	chain.entry(chunkName).add(require.resolve('../entry/server-entry')).end().output.path(getOutput().serverOutPut).filename('[name].server.js').libraryTarget('commonjs')
-
-	if (!isDev) {
-		chain.optimization.minimizer('terser').use(loadModuleFromFramework('terser-webpack-plugin'), [
-			{
-				terserOptions: {
-					keep_fnames: true
-				},
-				extractComments: false,
-				parallel: true,
-				cache: true,
-				sourceMap: shouldUseSourceMap
-			}
-		])
-	}
-	chain.when(isDev, () => {
-		chain.watch(true)
-	})
-
-	chain.plugin('serverLimit').use(webpack.optimize.LimitChunkCountPlugin, [
-		{
-			maxChunks: 1
-		}
-	])
-
-	chainServerConfig(chain) // 合并用户自定义配置
-
-	return chain.toConfig()
-}
-
-export { getServerWebpack }

package/src/tools/vite.ts

@@ -1,134 +0,0 @@
-import { resolve } from 'path'
-import react from '@vitejs/plugin-react'
-import { visualizer } from 'rollup-plugin-visualizer'
-import { asyncOptimizeChunkPlugin, chunkNamePlugin, commonConfig, getCwd, getOutputPublicPath, getPkgMajorVersion, loadConfig, manifestPlugin, rollupOutputOptions } from 'ssr-common-utils'
-import { AndDesignVueResolve, AntdResolve, ElementPlusResolve, NutuiResolve, VantResolve, createStyleImportPlugin } from 'ssr-vite-plugin-style-import'
-import { UserConfig, build } from 'vite'
-const { getOutput, reactServerEntry, reactClientEntry, viteConfig, supportOptinalChaining, isDev, define, babelOptions, optimize } = loadConfig()
-const { clientOutPut, serverOutPut } = getOutput()
-const isAntd5 = getPkgMajorVersion('antd') === 5
-const extraInclude = ([] as string[]).concat(isAntd5 ? ['react-is'] : [])
-
-const styleImportConfig = {
-	include: ['**/*.vue', '**/*.ts', '**/*.js', '**/*.tsx', '**/*.jsx', /chunkName/],
-	resolves: [AndDesignVueResolve(), VantResolve(), ElementPlusResolve(), NutuiResolve(), AntdResolve()]
-}
-const serverPlugins = [
-	react({
-		...viteConfig?.()?.server?.defaultPluginOptions,
-		jsxRuntime: 'automatic',
-		babel: {
-			...babelOptions,
-			plugins: [...(babelOptions?.plugins ?? []), ...(!supportOptinalChaining ? ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator'] : [])]
-		}
-	}),
-	viteConfig?.()?.common?.extraPlugin,
-	viteConfig?.()?.server?.extraPlugin,
-	createStyleImportPlugin(styleImportConfig)
-].filter(Boolean)
-
-const serverConfig: UserConfig = {
-	...commonConfig(),
-	...viteConfig?.().server?.otherConfig,
-	plugins: viteConfig?.()?.server?.processPlugin?.(serverPlugins) ?? serverPlugins,
-	esbuild: {
-		...viteConfig?.().server?.otherConfig?.esbuild,
-		keepNames: true,
-		logOverride: { 'this-is-undefined-in-esm': 'silent' }
-	},
-	optimizeDeps: {
-		...viteConfig?.().server?.otherConfig?.optimizeDeps,
-		include: extraInclude.concat(...(viteConfig?.().server?.otherConfig?.optimizeDeps?.include ?? [])),
-		esbuildOptions: {
-			...viteConfig?.().server?.otherConfig?.optimizeDeps?.esbuildOptions,
-			// @ts-expect-error
-			bundle: isDev
-		}
-	},
-	build: {
-		minify: !process.env.NOMINIFY,
-		...viteConfig?.().server?.otherConfig?.build,
-		ssr: reactServerEntry,
-		outDir: serverOutPut,
-		rollupOptions: {
-			...viteConfig?.().server?.otherConfig?.build?.rollupOptions,
-			input: isDev ? reactClientEntry : reactServerEntry, // setting prebundle list by client-entry in dev
-			output: {
-				entryFileNames: 'Page.server.js',
-				assetFileNames: rollupOutputOptions().assetFileNames
-			}
-		}
-	},
-	define: {
-		...viteConfig?.().server?.otherConfig?.define,
-		__isBrowser__: false,
-		...define?.base,
-		...define?.server
-	}
-}
-const clientPlugins = [
-	react({
-		...viteConfig?.()?.client?.defaultPluginOptions,
-		jsxRuntime: 'automatic',
-		...babelOptions
-	}),
-	viteConfig?.()?.common?.extraPlugin,
-	viteConfig?.()?.client?.extraPlugin,
-	createStyleImportPlugin(styleImportConfig)
-].filter(Boolean)
-const analyzePlugin = process.env.GENERATE_ANALYSIS ? visualizer({ filename: resolve(getCwd(), './build/stat.html'), open: true }) : null
-
-const clientConfig: UserConfig = {
-	...commonConfig(),
-	...viteConfig?.().client?.otherConfig,
-	base: isDev ? '/' : getOutputPublicPath(),
-	esbuild: {
-		...viteConfig?.().client?.otherConfig?.esbuild,
-		keepNames: true,
-		logOverride: { 'this-is-undefined-in-esm': 'silent' }
-	},
-	optimizeDeps: {
-		...viteConfig?.().client?.otherConfig?.optimizeDeps,
-		include: ['react-router', ...extraInclude].concat(...(viteConfig?.().client?.otherConfig?.optimizeDeps?.include ?? [])),
-		exclude: ['ssr-hoc-react'].concat(...(viteConfig?.().client?.otherConfig?.optimizeDeps?.exclude ?? []))
-	},
-	plugins: viteConfig?.()?.client?.processPlugin?.(clientPlugins) ?? clientPlugins,
-	build: {
-		minify: !process.env.NOMINIFY,
-		...viteConfig?.().client?.otherConfig?.build,
-		...(optimize ? { write: false } : {}),
-		ssrManifest: true,
-		outDir: clientOutPut,
-		rollupOptions: {
-			...viteConfig?.().client?.otherConfig?.build?.rollupOptions,
-			input: reactClientEntry,
-			output: rollupOutputOptions(),
-			plugins: [chunkNamePlugin(), asyncOptimizeChunkPlugin(), manifestPlugin(), analyzePlugin]
-		}
-	},
-	define: {
-		...viteConfig?.().client?.otherConfig?.define,
-		__isBrowser__: true,
-		...define?.base,
-		...define?.client
-	}
-}
-const viteStart = async () => {
-	//
-}
-const viteBuild = async () => {
-	await build({ ...clientConfig, mode: 'production' })
-	await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
-}
-
-const viteBuildClient = async () => {
-	await build({
-		...clientConfig,
-		mode: process.env.VITEMODE ?? 'production'
-	}).catch((_) => {})
-}
-const viteBuildServer = async () => {
-	await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
-}
-
-export { viteBuild, viteStart, serverConfig, clientConfig, viteBuildClient, viteBuildServer }

package/src/tools/webpack.ts

@@ -1,20 +0,0 @@
-import * as WebpackChain from 'webpack-chain'
-
-export const webpackStart = async () => {
-	const { startServerBuild } = await import('ssr-webpack/cjs/server')
-	const { getServerWebpack } = await import('../config/server')
-	const serverConfigChain = new WebpackChain()
-
-	const { startClientServer } = await import('ssr-webpack')
-	const { getClientWebpack } = await import('../config')
-	const clientConfigChain = new WebpackChain()
-	await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientServer(getClientWebpack(clientConfigChain))])
-}
-
-export const webpackBuild = async () => {
-	const { startServerBuild, startClientBuild } = await import('ssr-webpack')
-	const { getClientWebpack, getServerWebpack } = await import('../config')
-	const serverConfigChain = new WebpackChain()
-	const clientConfigChain = new WebpackChain()
-	await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))])
-}