diff --git a/.api/public.d.ts b/.api/public.d.ts
index 9cd5f4c9..f93488cb 100644
--- a/.api/public.d.ts
+++ b/.api/public.d.ts
@@ -27,6 +27,16 @@ declare module "@cocos/ccbuild" {
          */
         function enumerateAllDependents(meta: buildEngine.Result, featureUnits: string[]): string[];
         export type ModuleFormat = "esm" | "cjs" | "system" | "iife";
+        export interface IManglePropertiesOptions {
+            /**
+             * Prefix of generated names (default: '_ccprivate$')
+             */
+            prefix?: string;
+            mangleList?: string[];
+            dontMangleList?: string[];
+            mangleGetterSetter?: boolean;
+            ignoreJsDocTag?: boolean;
+        }
         export interface Options {
             /**
              * 引擎仓库目录。
@@ -80,10 +90,10 @@ declare module "@cocos/ccbuild" {
              */
             inlineEnum?: boolean;
             /**
-             * 是否需要压缩 $ 后缀的属性，只在 release 模式下生效
+             * 是否需要压缩 private 属性。
              * @default true
              */
-            mangleProperties?: boolean;
+            mangleProperties?: boolean | IManglePropertiesOptions;
             /**
              * 是否生成 source map。
              * 若为 `inline` 则生成内联的 source map。
@@ -714,149 +724,6 @@ declare module "@cocos/ccbuild" {
                      */
                     createImportExpressions?: boolean;
                 }
-                export interface GeneratorOptions {
-                    /**
-                     * Optional string to add as a block comment at the start of the output file.
-                     */
-                    auxiliaryCommentBefore?: string | undefined;
-                    /**
-                     * Optional string to add as a block comment at the end of the output file.
-                     */
-                    auxiliaryCommentAfter?: string | undefined;
-                    /**
-                     * Function that takes a comment (as a string) and returns true if the comment should be included in the output.
-                     * By default, comments are included if `opts.comments` is `true` or if `opts.minifed` is `false` and the comment
-                     * contains `@preserve` or `@license`.
-                     */
-                    shouldPrintComment?(comment: string): boolean;
-                    /**
-                     * Attempt to use the same line numbers in the output code as in the source code (helps preserve stack traces).
-                     * Defaults to `false`.
-                     */
-                    retainLines?: boolean | undefined;
-                    /**
-                     * Retain parens around function expressions (could be used to change engine parsing behavior)
-                     * Defaults to `false`.
-                     */
-                    retainFunctionParens?: boolean | undefined;
-                    /**
-                     * Should comments be included in output? Defaults to `true`.
-                     */
-                    comments?: boolean | undefined;
-                    /**
-                     * Set to true to avoid adding whitespace for formatting. Defaults to the value of `opts.minified`.
-                     */
-                    compact?: boolean | "auto" | undefined;
-                    /**
-                     * Should the output be minified. Defaults to `false`.
-                     */
-                    minified?: boolean | undefined;
-                    /**
-                     * Set to true to reduce whitespace (but not as much as opts.compact). Defaults to `false`.
-                     */
-                    concise?: boolean | undefined;
-                    /**
-                     * Used in warning messages
-                     */
-                    filename?: string | undefined;
-                    /**
-                     * Enable generating source maps. Defaults to `false`.
-                     */
-                    sourceMaps?: boolean | undefined;
-                    /**
-                     * A root for all relative URLs in the source map.
-                     */
-                    sourceRoot?: string | undefined;
-                    /**
-                     * The filename for the source code (i.e. the code in the `code` argument).
-                     * This will only be used if `code` is a string.
-                     */
-                    sourceFileName?: string | undefined;
-                    /**
-                     * Set to true to run jsesc with "json": true to print "\u00A9" vs. "©";
-                     */
-                    jsonCompatibleStrings?: boolean | undefined;
-                    /**
-                     * Set to true to enable support for experimental decorators syntax before module exports.
-                     * Defaults to `false`.
-                     */
-                    decoratorsBeforeExport?: boolean | undefined;
-                    /**
-                     * Options for outputting jsesc representation.
-                     */
-                    jsescOption?: {
-                        /**
-                         * The default value for the quotes option is 'single'. This means that any occurrences of ' in the input
-                         * string are escaped as \', so that the output can be used in a string literal wrapped in single quotes.
-                         */
-                        quotes?: "single" | "double" | "backtick" | undefined;
-                        /**
-                         * The default value for the numbers option is 'decimal'. This means that any numeric values are represented
-                         * using decimal integer literals. Other valid options are binary, octal, and hexadecimal, which result in
-                         * binary integer literals, octal integer literals, and hexadecimal integer literals, respectively.
-                         */
-                        numbers?: "binary" | "octal" | "decimal" | "hexadecimal" | undefined;
-                        /**
-                         * The wrap option takes a boolean value (true or false), and defaults to false (disabled). When enabled, the
-                         * output is a valid JavaScript string literal wrapped in quotes. The type of quotes can be specified through
-                         * the quotes setting.
-                         */
-                        wrap?: boolean | undefined;
-                        /**
-                         * The es6 option takes a boolean value (true or false), and defaults to false (disabled). When enabled, any
-                         * astral Unicode symbols in the input are escaped using ECMAScript 6 Unicode code point escape sequences
-                         * instead of using separate escape sequences for each surrogate half. If backwards compatibility with ES5
-                         * environments is a concern, don’t enable this setting. If the json setting is enabled, the value for the es6
-                         * setting is ignored (as if it was false).
-                         */
-                        es6?: boolean | undefined;
-                        /**
-                         * The escapeEverything option takes a boolean value (true or false), and defaults to false (disabled). When
-                         * enabled, all the symbols in the output are escaped — even printable ASCII symbols.
-                         */
-                        escapeEverything?: boolean | undefined;
-                        /**
-                         * The minimal option takes a boolean value (true or false), and defaults to false (disabled). When enabled,
-                         * only a limited set of symbols in the output are escaped: \0, \b, \t, \n, \f, \r, \\, \u2028, \u2029.
-                         */
-                        minimal?: boolean | undefined;
-                        /**
-                         * The isScriptContext option takes a boolean value (true or false), and defaults to false (disabled). When
-                         * enabled, occurrences of </script and </style in the output are escaped as <\/script and <\/style, and <!--
-                         * is escaped as \x3C!-- (or \u003C!-- when the json option is enabled). This setting is useful when jsesc’s
-                         * output ends up as part of a <script> or <style> element in an HTML document.
-                         */
-                        isScriptContext?: boolean | undefined;
-                        /**
-                         * The compact option takes a boolean value (true or false), and defaults to true (enabled). When enabled,
-                         * the output for arrays and objects is as compact as possible; it’s not formatted nicely.
-                         */
-                        compact?: boolean | undefined;
-                        /**
-                         * The indent option takes a string value, and defaults to '\t'. When the compact setting is enabled (true),
-                         * the value of the indent option is used to format the output for arrays and objects.
-                         */
-                        indent?: string | undefined;
-                        /**
-                         * The indentLevel option takes a numeric value, and defaults to 0. It represents the current indentation level,
-                         * i.e. the number of times the value of the indent option is repeated.
-                         */
-                        indentLevel?: number | undefined;
-                        /**
-                         * The json option takes a boolean value (true or false), and defaults to false (disabled). When enabled, the
-                         * output is valid JSON. Hexadecimal character escape sequences and the \v or \0 escape sequences are not used.
-                         * Setting json: true implies quotes: 'double', wrap: true, es6: false, although these values can still be
-                         * overridden if needed — but in such cases, the output won’t be valid JSON anymore.
-                         */
-                        json?: boolean | undefined;
-                        /**
-                         * The lowercaseHex option takes a boolean value (true or false), and defaults to false (disabled). When enabled,
-                         * any alphabetical hexadecimal digits in escape sequences as well as any hexadecimal integer literals (see the
-                         * numbers option) in the output are in lowercase.
-                         */
-                        lowercaseHex?: boolean | undefined;
-                    } | undefined;
-                }
                 export namespace types {
                     export const ACCESSOR_TYPES: ("StringLiteral" | "NumericLiteral" | "JSXText" | "JSXIdentifier" | "AnyTypeAnnotation" | "ArgumentPlaceholder" | "ArrayExpression" | "ArrayPattern" | "ArrayTypeAnnotation" | "ArrowFunctionExpression" | "AssignmentExpression" | "AssignmentPattern" | "AwaitExpression" | "BigIntLiteral" | "BinaryExpression" | "BindExpression" | "BlockStatement" | "BooleanLiteral" | "BooleanLiteralTypeAnnotation" | "BooleanTypeAnnotation" | "BreakStatement" | "CallExpression" | "CatchClause" | "ClassAccessorProperty" | "ClassBody" | "ClassDeclaration" | "ClassExpression" | "ClassImplements" | "ClassMethod" | "ClassPrivateMethod" | "ClassPrivateProperty" | "ClassProperty" | "ConditionalExpression" | "ContinueStatement" | "DebuggerStatement" | "DecimalLiteral" | "DeclareClass" | "DeclareExportAllDeclaration" | "DeclareExportDeclaration" | "DeclareFunction" | "DeclareInterface" | "DeclareModule" | "DeclareModuleExports" | "DeclareOpaqueType" | "DeclareTypeAlias" | "DeclareVariable" | "DeclaredPredicate" | "Decorator" | "Directive" | "DirectiveLiteral" | "DoExpression" | "DoWhileStatement" | "EmptyStatement" | "EmptyTypeAnnotation" | "EnumBooleanBody" | "EnumBooleanMember" | "EnumDeclaration" | "EnumDefaultedMember" | "EnumNumberBody" | "EnumNumberMember" | "EnumStringBody" | "EnumStringMember" | "EnumSymbolBody" | "ExistsTypeAnnotation" | "ExportAllDeclaration" | "ExportDefaultDeclaration" | "ExportDefaultSpecifier" | "ExportNamedDeclaration" | "ExportNamespaceSpecifier" | "ExportSpecifier" | "ExpressionStatement" | "File" | "ForInStatement" | "ForOfStatement" | "ForStatement" | "FunctionDeclaration" | "FunctionExpression" | "FunctionTypeAnnotation" | "FunctionTypeParam" | "GenericTypeAnnotation" | "Identifier" | "IfStatement" | "Import" | "ImportAttribute" | "ImportDeclaration" | "ImportDefaultSpecifier" | "ImportExpression" | "ImportNamespaceSpecifier" | "ImportSpecifier" | "IndexedAccessType" | "InferredPredicate" | "InterfaceDeclaration" | "InterfaceExtends" | "InterfaceTypeAnnotation" | "InterpreterDirective" | "IntersectionTypeAnnotation" | "JSXAttribute" | "JSXClosingElement" | "JSXClosingFragment" | "JSXElement" | "JSXEmptyExpression" | "JSXExpressionContainer" | "JSXFragment" | "JSXMemberExpression" | "JSXNamespacedName" | "JSXOpeningElement" | "JSXOpeningFragment" | "JSXSpreadAttribute" | "JSXSpreadChild" | "LabeledStatement" | "LogicalExpression" | "MemberExpression" | "MetaProperty" | "MixedTypeAnnotation" | "ModuleExpression" | "NewExpression" | "Noop" | "NullLiteral" | "NullLiteralTypeAnnotation" | "NullableTypeAnnotation" | "NumberLiteral" | "NumberLiteralTypeAnnotation" | "NumberTypeAnnotation" | "ObjectExpression" | "ObjectMethod" | "ObjectPattern" | "ObjectProperty" | "ObjectTypeAnnotation" | "ObjectTypeCallProperty" | "ObjectTypeIndexer" | "ObjectTypeInternalSlot" | "ObjectTypeProperty" | "ObjectTypeSpreadProperty" | "OpaqueType" | "OptionalCallExpression" | "OptionalIndexedAccessType" | "OptionalMemberExpression" | "ParenthesizedExpression" | "PipelineBareFunction" | "PipelinePrimaryTopicReference" | "PipelineTopicExpression" | "Placeholder" | "PrivateName" | "Program" | "QualifiedTypeIdentifier" | "RecordExpression" | "RegExpLiteral" | "RegexLiteral" | "RestElement" | "RestProperty" | "ReturnStatement" | "SequenceExpression" | "SpreadElement" | "SpreadProperty" | "StaticBlock" | "StringLiteralTypeAnnotation" | "StringTypeAnnotation" | "Super" | "SwitchCase" | "SwitchStatement" | "SymbolTypeAnnotation" | "TSAnyKeyword" | "TSArrayType" | "TSAsExpression" | "TSBigIntKeyword" | "TSBooleanKeyword" | "TSCallSignatureDeclaration" | "TSConditionalType" | "TSConstructSignatureDeclaration" | "TSConstructorType" | "TSDeclareFunction" | "TSDeclareMethod" | "TSEnumDeclaration" | "TSEnumMember" | "TSExportAssignment" | "TSExpressionWithTypeArguments" | "TSExternalModuleReference" | "TSFunctionType" | "TSImportEqualsDeclaration" | "TSImportType" | "TSIndexSignature" | "TSIndexedAccessType" | "TSInferType" | "TSInstantiationExpression" | "TSInterfaceBody" | "TSInterfaceDeclaration" | "TSIntersectionType" | "TSIntrinsicKeyword" | "TSLiteralType" | "TSMappedType" | "TSMethodSignature" | "TSModuleBlock" | "TSModuleDeclaration" | "TSNamedTupleMember" | "TSNamespaceExportDeclaration" | "TSNeverKeyword" | "TSNonNullExpression" | "TSNullKeyword" | "TSNumberKeyword" | "TSObjectKeyword" | "TSOptionalType" | "TSParameterProperty" | "TSParenthesizedType" | "TSPropertySignature" | "TSQualifiedName" | "TSRestType" | "TSSatisfiesExpression" | "TSStringKeyword" | "TSSymbolKeyword" | "TSThisType" | "TSTupleType" | "TSTypeAliasDeclaration" | "TSTypeAnnotation" | "TSTypeAssertion" | "TSTypeLiteral" | "TSTypeOperator" | "TSTypeParameter" | "TSTypeParameterDeclaration" | "TSTypeParameterInstantiation" | "TSTypePredicate" | "TSTypeQuery" | "TSTypeReference" | "TSUndefinedKeyword" | "TSUnionType" | "TSUnknownKeyword" | "TSVoidKeyword" | "TaggedTemplateExpression" | "TemplateElement" | "TemplateLiteral" | "ThisExpression" | "ThisTypeAnnotation" | "ThrowStatement" | "TopicReference" | "TryStatement" | "TupleExpression" | "TupleTypeAnnotation" | "TypeAlias" | "TypeAnnotation" | "TypeCastExpression" | "TypeParameter" | "TypeParameterDeclaration" | "TypeParameterInstantiation" | "TypeofTypeAnnotation" | "UnaryExpression" | "UnionTypeAnnotation" | "UpdateExpression" | "V8IntrinsicIdentifier" | "VariableDeclaration" | "VariableDeclarator" | "Variance" | "VoidTypeAnnotation" | "WhileStatement" | "WithStatement" | "YieldExpression" | keyof Aliases)[];
                     export const ALIAS_KEYS: Partial<Record<__private.___node_modules_babel_types_lib_index__NodeTypesWithoutComment, string[]>>;
@@ -4169,7 +4036,7 @@ declare module "@cocos/ccbuild" {
                      *
                      * Default: `{}`
                      */
-                    generatorOpts?: GeneratorOptions | null | undefined;
+                    generatorOpts?: generator.GeneratorOptions | null | undefined;
                     /**
                      * Specify a custom callback to generate a module id with. Called as `getModuleId(moduleName)`. If falsy value is returned then the generated module id is used
                      *
@@ -4551,6 +4418,7 @@ declare module "@cocos/ccbuild" {
                     <T extends SimpleCacheKey>(envCallback: (envName: NonNullable<TransformOptions["envName"]>) => T): T;
                 }
                 export type ConfigFunction = (api: ConfigAPI) => TransformOptions;
+                export import GeneratorOptions = generator.GeneratorOptions;
                 export import NodePath = babel.traverse.NodePath;
                 export import Visitor = babel.traverse.Visitor;
             }
@@ -4638,6 +4506,177 @@ declare module "@cocos/ccbuild" {
                 };
                 export import ParserOptions = core.ParserOptions;
             }
+            export namespace generator {
+                export interface GeneratorOptions {
+                    /**
+                     * Optional string to add as a block comment at the start of the output file.
+                     */
+                    auxiliaryCommentBefore?: string | undefined;
+                    /**
+                     * Optional string to add as a block comment at the end of the output file.
+                     */
+                    auxiliaryCommentAfter?: string | undefined;
+                    /**
+                     * Function that takes a comment (as a string) and returns true if the comment should be included in the output.
+                     * By default, comments are included if `opts.comments` is `true` or if `opts.minifed` is `false` and the comment
+                     * contains `@preserve` or `@license`.
+                     */
+                    shouldPrintComment?(comment: string): boolean;
+                    /**
+                     * Attempt to use the same line numbers in the output code as in the source code (helps preserve stack traces).
+                     * Defaults to `false`.
+                     */
+                    retainLines?: boolean | undefined;
+                    /**
+                     * Retain parens around function expressions (could be used to change engine parsing behavior)
+                     * Defaults to `false`.
+                     */
+                    retainFunctionParens?: boolean | undefined;
+                    /**
+                     * Should comments be included in output? Defaults to `true`.
+                     */
+                    comments?: boolean | undefined;
+                    /**
+                     * Set to true to avoid adding whitespace for formatting. Defaults to the value of `opts.minified`.
+                     */
+                    compact?: boolean | "auto" | undefined;
+                    /**
+                     * Should the output be minified. Defaults to `false`.
+                     */
+                    minified?: boolean | undefined;
+                    /**
+                     * Set to true to reduce whitespace (but not as much as opts.compact). Defaults to `false`.
+                     */
+                    concise?: boolean | undefined;
+                    /**
+                     * Used in warning messages
+                     */
+                    filename?: string | undefined;
+                    /**
+                     * Enable generating source maps. Defaults to `false`.
+                     */
+                    sourceMaps?: boolean | undefined;
+                    /**
+                     * A root for all relative URLs in the source map.
+                     */
+                    sourceRoot?: string | undefined;
+                    /**
+                     * The filename for the source code (i.e. the code in the `code` argument).
+                     * This will only be used if `code` is a string.
+                     */
+                    sourceFileName?: string | undefined;
+                    /**
+                     * Set to true to run jsesc with "json": true to print "\u00A9" vs. "©";
+                     */
+                    jsonCompatibleStrings?: boolean | undefined;
+                    /**
+                     * Set to true to enable support for experimental decorators syntax before module exports.
+                     * Defaults to `false`.
+                     */
+                    decoratorsBeforeExport?: boolean | undefined;
+                    /**
+                     * Options for outputting jsesc representation.
+                     */
+                    jsescOption?: {
+                        /**
+                         * The default value for the quotes option is 'single'. This means that any occurrences of ' in the input
+                         * string are escaped as \', so that the output can be used in a string literal wrapped in single quotes.
+                         */
+                        quotes?: "single" | "double" | "backtick" | undefined;
+                        /**
+                         * The default value for the numbers option is 'decimal'. This means that any numeric values are represented
+                         * using decimal integer literals. Other valid options are binary, octal, and hexadecimal, which result in
+                         * binary integer literals, octal integer literals, and hexadecimal integer literals, respectively.
+                         */
+                        numbers?: "binary" | "octal" | "decimal" | "hexadecimal" | undefined;
+                        /**
+                         * The wrap option takes a boolean value (true or false), and defaults to false (disabled). When enabled, the
+                         * output is a valid JavaScript string literal wrapped in quotes. The type of quotes can be specified through
+                         * the quotes setting.
+                         */
+                        wrap?: boolean | undefined;
+                        /**
+                         * The es6 option takes a boolean value (true or false), and defaults to false (disabled). When enabled, any
+                         * astral Unicode symbols in the input are escaped using ECMAScript 6 Unicode code point escape sequences
+                         * instead of using separate escape sequences for each surrogate half. If backwards compatibility with ES5
+                         * environments is a concern, don’t enable this setting. If the json setting is enabled, the value for the es6
+                         * setting is ignored (as if it was false).
+                         */
+                        es6?: boolean | undefined;
+                        /**
+                         * The escapeEverything option takes a boolean value (true or false), and defaults to false (disabled). When
+                         * enabled, all the symbols in the output are escaped — even printable ASCII symbols.
+                         */
+                        escapeEverything?: boolean | undefined;
+                        /**
+                         * The minimal option takes a boolean value (true or false), and defaults to false (disabled). When enabled,
+                         * only a limited set of symbols in the output are escaped: \0, \b, \t, \n, \f, \r, \\, \u2028, \u2029.
+                         */
+                        minimal?: boolean | undefined;
+                        /**
+                         * The isScriptContext option takes a boolean value (true or false), and defaults to false (disabled). When
+                         * enabled, occurrences of </script and </style in the output are escaped as <\/script and <\/style, and <!--
+                         * is escaped as \x3C!-- (or \u003C!-- when the json option is enabled). This setting is useful when jsesc’s
+                         * output ends up as part of a <script> or <style> element in an HTML document.
+                         */
+                        isScriptContext?: boolean | undefined;
+                        /**
+                         * The compact option takes a boolean value (true or false), and defaults to true (enabled). When enabled,
+                         * the output for arrays and objects is as compact as possible; it’s not formatted nicely.
+                         */
+                        compact?: boolean | undefined;
+                        /**
+                         * The indent option takes a string value, and defaults to '\t'. When the compact setting is enabled (true),
+                         * the value of the indent option is used to format the output for arrays and objects.
+                         */
+                        indent?: string | undefined;
+                        /**
+                         * The indentLevel option takes a numeric value, and defaults to 0. It represents the current indentation level,
+                         * i.e. the number of times the value of the indent option is repeated.
+                         */
+                        indentLevel?: number | undefined;
+                        /**
+                         * The json option takes a boolean value (true or false), and defaults to false (disabled). When enabled, the
+                         * output is valid JSON. Hexadecimal character escape sequences and the \v or \0 escape sequences are not used.
+                         * Setting json: true implies quotes: 'double', wrap: true, es6: false, although these values can still be
+                         * overridden if needed — but in such cases, the output won’t be valid JSON anymore.
+                         */
+                        json?: boolean | undefined;
+                        /**
+                         * The lowercaseHex option takes a boolean value (true or false), and defaults to false (disabled). When enabled,
+                         * any alphabetical hexadecimal digits in escape sequences as well as any hexadecimal integer literals (see the
+                         * numbers option) in the output are in lowercase.
+                         */
+                        lowercaseHex?: boolean | undefined;
+                    } | undefined;
+                }
+                /**
+                 * Turns an AST into code, maintaining sourcemaps, user preferences, and valid output.
+                 * @param ast - the abstract syntax tree from which to generate output code.
+                 * @param opts - used for specifying options for code generation.
+                 * @param code - the original source code, used for source maps.
+                 * @returns - an object containing the output code and source map.
+                 */
+                export function default(ast: core.types.Node, opts?: GeneratorOptions, code?: string | {
+                    [filename: string]: string;
+                }): GeneratorResult;
+                export class CodeGenerator {
+                    constructor(ast: core.types.Node, opts?: GeneratorOptions, code?: string);
+                    generate(): GeneratorResult;
+                }
+                export interface GeneratorResult {
+                    code: string;
+                    map: {
+                        version: number;
+                        sources: string[];
+                        names: string[];
+                        sourceRoot?: string | undefined;
+                        sourcesContent?: string[] | undefined;
+                        mappings: string;
+                        file: string;
+                    } | null;
+                }
+            }
             export namespace traverse {
                 export class NodePath<T = core.types.Node> {
                     constructor(hub: Hub, parent: core.types.Node);
@@ -5888,6 +5927,7 @@ declare module "@cocos/ccbuild" {
                     addSideEffect(importedSourceIn: string, opts: Partial<ImportOptions>): void;
                 }
             }
+            export import types = core.types;
         }
         export namespace typescript {
             /*! *****************************************************************************
@@ -14161,18 +14201,18 @@ declare module "@cocos/ccbuild" {
                     isIncluded: boolean | null;
                 }
                 export type GetModuleInfo = (moduleId: string) => ModuleInfo | null;
-                export interface CustomPluginOptions {
-                    [plugin: string]: any;
-                }
+                export type CustomPluginOptions = Record<string, any>;
                 export type LoggingFunctionWithPosition = (log: RollupLog | string | (() => RollupLog | string), pos?: number | {
                     column: number;
                     line: number;
                 }) => void;
                 export type ParseAst = (input: string, options?: {
                     allowReturnOutsideFunction?: boolean;
+                    jsx?: boolean;
                 }) => ProgramNode;
                 export type ParseAstAsync = (input: string, options?: {
                     allowReturnOutsideFunction?: boolean;
+                    jsx?: boolean;
                     signal?: AbortSignal;
                 }) => Promise<ProgramNode>;
                 export interface PluginContext extends MinimalPluginContext {
@@ -14209,9 +14249,7 @@ declare module "@cocos/ccbuild" {
                     id: string;
                     resolvedBy: string;
                 }
-                export interface ResolvedIdMap {
-                    [key: string]: ResolvedId;
-                }
+                export type ResolvedIdMap = Record<string, ResolvedId>;
                 export interface PartialResolvedId extends Partial<PartialNull<ModuleOptions>> {
                     external?: boolean | "absolute" | "relative";
                     id: string;
@@ -14288,11 +14326,8 @@ declare module "@cocos/ccbuild" {
                  * const myPlugin: PluginImpl<Options> = (options = {}) => { ... }
                  * ```
                  */
-                // eslint-disable-next-line @typescript-eslint/ban-types
                 export type PluginImpl<O extends object = object, A = any> = (options?: O) => Plugin<A>;
-                export interface OutputBundle {
-                    [fileName: string]: OutputAsset | OutputChunk;
-                }
+                export type OutputBundle = Record<string, OutputAsset | OutputChunk>;
                 export interface FunctionPluginHooks {
                     augmentChunkHash: (this: PluginContext, chunk: RenderedChunk) => string | void;
                     buildEnd: (this: PluginContext, error?: Error) => void;
@@ -14335,7 +14370,7 @@ declare module "@cocos/ccbuild" {
                 export type ParallelPluginHooks = Exclude<keyof FunctionPluginHooks | AddonHooks, FirstPluginHooks | SequentialPluginHooks>;
                 export type AddonHooks = "banner" | "footer" | "intro" | "outro";
                 export type MakeAsync<Function_> = Function_ extends (this: infer This, ...parameters: infer Arguments) => infer Return ? (this: This, ...parameters: Arguments) => Return | Promise<Return> : never;
-                // eslint-disable-next-line @typescript-eslint/ban-types
+                // eslint-disable-next-line @typescript-eslint/no-empty-object-type
                 export type ObjectHook<T, O = {}> = T | ({
                     handler: T;
                     order?: "pre" | "post" | null;
@@ -14347,9 +14382,7 @@ declare module "@cocos/ccbuild" {
                 };
                 export interface OutputPlugin extends Partial<{
                     [K in OutputPluginHooks]: PluginHooks[K];
-                }>, Partial<{
-                    [K in AddonHooks]: ObjectHook<AddonHook>;
-                }> {
+                }>, Partial<Record<AddonHooks, ObjectHook<AddonHook>>> {
                     cacheKey?: string;
                     name: string;
                     version?: string;
@@ -14358,6 +14391,29 @@ declare module "@cocos/ccbuild" {
                     // for inter-plugin communication
                     api?: A;
                 }
+                export type JsxPreset = "react" | "react-jsx" | "preserve" | "preserve-react";
+                export type NormalizedJsxOptions = NormalizedJsxPreserveOptions | NormalizedJsxClassicOptions | NormalizedJsxAutomaticOptions;
+                export interface NormalizedJsxPreserveOptions {
+                    factory: string | null;
+                    fragment: string | null;
+                    importSource: string | null;
+                    mode: "preserve";
+                }
+                export interface NormalizedJsxClassicOptions {
+                    factory: string;
+                    fragment: string;
+                    importSource: string | null;
+                    mode: "classic";
+                }
+                export interface NormalizedJsxAutomaticOptions {
+                    factory: string;
+                    importSource: string | null;
+                    jsxImportSource: string;
+                    mode: "automatic";
+                }
+                export type JsxOptions = Partial<NormalizedJsxOptions> & {
+                    preset?: JsxPreset;
+                };
                 export type TreeshakingPreset = "smallest" | "safest" | "recommended";
                 export interface NormalizedTreeshakingOptions {
                     annotations: boolean;
@@ -14378,15 +14434,9 @@ declare module "@cocos/ccbuild" {
                 }
                 export type GetManualChunk = (id: string, meta: ManualChunkMeta) => string | NullValue;
                 export type ExternalOption = (string | RegExp)[] | string | RegExp | ((source: string, importer: string | undefined, isResolved: boolean) => boolean | NullValue);
-                export type GlobalsOption = {
-                    [name: string]: string;
-                } | ((name: string) => string);
-                export type InputOption = string | string[] | {
-                    [entryAlias: string]: string;
-                };
-                export type ManualChunksOption = {
-                    [chunkAlias: string]: string[];
-                } | GetManualChunk;
+                export type GlobalsOption = Record<string, string> | ((name: string) => string);
+                export type InputOption = string | string[] | Record<string, string>;
+                export type ManualChunksOption = Record<string, string[]> | GetManualChunk;
                 export type LogHandlerWithDefault = (level: LogLevel, log: RollupLog, defaultHandler: LogOrStringHandler) => void;
                 export type LogOrStringHandler = (level: LogLevel | "error", log: RollupLog | string) => void;
                 export type LogHandler = (level: LogLevel, log: RollupLog) => void;
@@ -14402,12 +14452,11 @@ declare module "@cocos/ccbuild" {
                     experimentalLogSideEffects?: boolean;
                     external?: ExternalOption;
                     input?: InputOption;
+                    jsx?: false | JsxPreset | JsxOptions;
                     logLevel?: LogLevelOption;
                     makeAbsoluteExternalsRelative?: boolean | "ifRelativeSource";
                     maxParallelFileOps?: number;
-                    moduleContext?: ((id: string) => string | NullValue) | {
-                        [id: string]: string;
-                    };
+                    moduleContext?: ((id: string) => string | NullValue) | Record<string, string>;
                     onLog?: LogHandlerWithDefault;
                     onwarn?: WarningHandlerWithDefault;
                     perf?: boolean;
@@ -14428,9 +14477,8 @@ declare module "@cocos/ccbuild" {
                     experimentalCacheExpiry: number;
                     experimentalLogSideEffects: boolean;
                     external: IsExternal;
-                    input: string[] | {
-                        [entryAlias: string]: string;
-                    };
+                    input: string[] | Record<string, string>;
+                    jsx: false | NormalizedJsxOptions;
                     logLevel: LogLevelOption;
                     makeAbsoluteExternalsRelative: boolean | "ifRelativeSource";
                     maxParallelFileOps: number;
@@ -14538,9 +14586,11 @@ declare module "@cocos/ccbuild" {
                     sourcemapFileNames?: string | ((chunkInfo: PreRenderedChunk) => string);
                     sourcemapIgnoreList?: boolean | SourcemapIgnoreListOption;
                     sourcemapPathTransform?: SourcemapPathTransformOption;
+                    sourcemapDebugIds?: boolean;
                     strict?: boolean;
                     systemNullSetters?: boolean;
                     validate?: boolean;
+                    virtualDirname?: string;
                 }
                 export interface NormalizedOutputOptions {
                     amd: NormalizedAmdOptions;
@@ -14590,21 +14640,25 @@ declare module "@cocos/ccbuild" {
                     sourcemapFileNames: string | ((chunkInfo: PreRenderedChunk) => string) | undefined;
                     sourcemapIgnoreList: SourcemapIgnoreListOption;
                     sourcemapPathTransform: SourcemapPathTransformOption | undefined;
+                    sourcemapDebugIds: boolean;
                     strict: boolean;
                     systemNullSetters: boolean;
                     validate: boolean;
+                    virtualDirname: string;
                 }
                 export type WarningHandlerWithDefault = (warning: RollupLog, defaultHandler: LoggingFunction) => void;
-                export interface SerializedTimings {
-                    [label: string]: [
-                        number,
-                        number,
-                        number
-                    ];
-                }
+                export type SerializedTimings = Record<string, [
+                    number,
+                    number,
+                    number
+                ]>;
                 export interface PreRenderedAsset {
+                    /** @deprecated Use "names" instead. */
                     name: string | undefined;
+                    names: string[];
+                    /** @deprecated Use "originalFileNames" instead. */
                     originalFileName: string | null;
+                    originalFileNames: string[];
                     source: string | Uint8Array;
                     type: "asset";
                 }
@@ -14633,13 +14687,9 @@ declare module "@cocos/ccbuild" {
                     dynamicImports: string[];
                     fileName: string;
                     implicitlyLoadedBefore: string[];
-                    importedBindings: {
-                        [imported: string]: string[];
-                    };
+                    importedBindings: Record<string, string[]>;
                     imports: string[];
-                    modules: {
-                        [id: string]: RenderedModule;
-                    };
+                    modules: Record<string, RenderedModule>;
                     referencedFiles: string[];
                 }
                 export interface OutputChunk extends RenderedChunk {
@@ -14648,12 +14698,10 @@ declare module "@cocos/ccbuild" {
                     sourcemapFileName: string | null;
                     preliminaryFileName: string;
                 }
-                export interface SerializablePluginCache {
-                    [key: string]: [
-                        number,
-                        any
-                    ];
-                }
+                export type SerializablePluginCache = Record<string, [
+                    number,
+                    any
+                ]>;
                 export interface RollupCache {
                     modules: ModuleJSON[];
                     plugins?: Record<string, SerializablePluginCache>;
@@ -14668,6 +14716,7 @@ declare module "@cocos/ccbuild" {
                     cache: RollupCache | undefined;
                     close: () => Promise<void>;
                     closed: boolean;
+                    [Symbol.asyncDispose](): Promise<void>;
                     generate: (outputOptions: OutputOptions) => Promise<RollupOutput>;
                     getTimings?: () => SerializedTimings;
                     watchFiles: string[];
@@ -14713,12 +14762,8 @@ declare module "@cocos/ccbuild" {
                     output?: OutputOptions | OutputOptions[];
                     watch?: WatcherOptions | false;
                 }
-                export type AwaitedEventListener<T extends {
-                    [event: string]: (...parameters: any) => any;
-                }, K extends keyof T> = (...parameters: Parameters<T[K]>) => void | Promise<void>;
-                export interface AwaitingEventEmitter<T extends {
-                    [event: string]: (...parameters: any) => any;
-                }> {
+                export type AwaitedEventListener<T extends Record<string, (...parameters: any) => any>, K extends keyof T> = (...parameters: Parameters<T[K]>) => void | Promise<void>;
+                export interface AwaitingEventEmitter<T extends Record<string, (...parameters: any) => any>> {
                     close(): Promise<void>;
                     emit<K extends keyof T>(event: K, ...parameters: Parameters<T[K]>): Promise<unknown>;
                     /**
@@ -15575,7 +15620,7 @@ declare module "@cocos/ccbuild" {
         export interface ___node_modules_types_estree_index__BinaryExpression extends ___node_modules_types_estree_index__BaseExpression {
             type: "BinaryExpression";
             operator: ___node_modules_types_estree_index__BinaryOperator;
-            left: ___node_modules_types_estree_index__Expression;
+            left: ___node_modules_types_estree_index__Expression | ___node_modules_types_estree_index__PrivateIdentifier;
             right: ___node_modules_types_estree_index__Expression;
         }
         export interface ___node_modules_types_estree_index__BaseCallExpression extends ___node_modules_types_estree_index__BaseExpression {
@@ -15742,7 +15787,7 @@ declare module "@cocos/ccbuild" {
         }
         export interface ___node_modules_types_estree_index__ImportSpecifier extends ___node_modules_types_estree_index__BaseModuleSpecifier {
             type: "ImportSpecifier";
-            imported: ___node_modules_types_estree_index__Identifier;
+            imported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
         }
         export interface ___node_modules_types_estree_index__ImportDefaultSpecifier extends ___node_modules_types_estree_index__BaseModuleSpecifier {
             type: "ImportDefaultSpecifier";
@@ -15755,9 +15800,10 @@ declare module "@cocos/ccbuild" {
             specifiers: Array<___node_modules_types_estree_index__ImportSpecifier | ___node_modules_types_estree_index__ImportDefaultSpecifier | ___node_modules_types_estree_index__ImportNamespaceSpecifier>;
             source: ___node_modules_types_estree_index__Literal;
         }
-        export interface ___node_modules_types_estree_index__ExportSpecifier extends ___node_modules_types_estree_index__BaseModuleSpecifier {
+        export interface ___node_modules_types_estree_index__ExportSpecifier extends Omit<___node_modules_types_estree_index__BaseModuleSpecifier, "local"> {
             type: "ExportSpecifier";
-            exported: ___node_modules_types_estree_index__Identifier;
+            local: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
+            exported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
         }
         export interface ___node_modules_types_estree_index__ExportNamedDeclaration extends ___node_modules_types_estree_index__BaseModuleDeclaration {
             type: "ExportNamedDeclaration";
@@ -15771,7 +15817,7 @@ declare module "@cocos/ccbuild" {
         }
         export interface ___node_modules_types_estree_index__ExportAllDeclaration extends ___node_modules_types_estree_index__BaseModuleDeclaration {
             type: "ExportAllDeclaration";
-            exported: ___node_modules_types_estree_index__Identifier | null;
+            exported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal | null;
             source: ___node_modules_types_estree_index__Literal;
         }
         export type ___node_modules_types_estree_index__ModuleDeclaration = ___node_modules_types_estree_index__ImportDeclaration | ___node_modules_types_estree_index__ExportNamedDeclaration | ___node_modules_types_estree_index__ExportDefaultDeclaration | ___node_modules_types_estree_index__ExportAllDeclaration;
@@ -16100,7 +16146,7 @@ declare module "@cocos/ccbuild" {
             export interface BinaryExpression extends ___node_modules_types_estree_index__BaseExpression {
                 type: "BinaryExpression";
                 operator: ___node_modules_types_estree_index__BinaryOperator;
-                left: ___node_modules_types_estree_index__Expression;
+                left: ___node_modules_types_estree_index__Expression | ___node_modules_types_estree_index__PrivateIdentifier;
                 right: ___node_modules_types_estree_index__Expression;
             }
             export interface AssignmentExpression extends ___node_modules_types_estree_index__BaseExpression {
@@ -16299,7 +16345,7 @@ declare module "@cocos/ccbuild" {
             }
             export interface ImportSpecifier extends ___node_modules_types_estree_index__BaseModuleSpecifier {
                 type: "ImportSpecifier";
-                imported: ___node_modules_types_estree_index__Identifier;
+                imported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
             }
             export interface ImportExpression extends ___node_modules_types_estree_index__BaseExpression {
                 type: "ImportExpression";
@@ -16317,9 +16363,10 @@ declare module "@cocos/ccbuild" {
                 specifiers: ___node_modules_types_estree_index__ExportSpecifier[];
                 source?: ___node_modules_types_estree_index__Literal | null | undefined;
             }
-            export interface ExportSpecifier extends ___node_modules_types_estree_index__BaseModuleSpecifier {
+            export interface ExportSpecifier extends Omit<___node_modules_types_estree_index__BaseModuleSpecifier, "local"> {
                 type: "ExportSpecifier";
-                exported: ___node_modules_types_estree_index__Identifier;
+                local: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
+                exported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal;
             }
             export interface ExportDefaultDeclaration extends ___node_modules_types_estree_index__BaseModuleDeclaration {
                 type: "ExportDefaultDeclaration";
@@ -16327,7 +16374,7 @@ declare module "@cocos/ccbuild" {
             }
             export interface ExportAllDeclaration extends ___node_modules_types_estree_index__BaseModuleDeclaration {
                 type: "ExportAllDeclaration";
-                exported: ___node_modules_types_estree_index__Identifier | null;
+                exported: ___node_modules_types_estree_index__Identifier | ___node_modules_types_estree_index__Literal | null;
                 source: ___node_modules_types_estree_index__Literal;
             }
             export interface AwaitExpression extends ___node_modules_types_estree_index__BaseExpression {
diff --git a/modules/build-engine/package.json b/modules/build-engine/package.json
index 3f42ca2b..d3e605b1 100644
--- a/modules/build-engine/package.json
+++ b/modules/build-engine/package.json
@@ -26,9 +26,9 @@
     "@babel/parser": "^7.20.13",
     "@babel/traverse": "^7.20.13",
 
-    "magic-string": "^0.30.10",
-    "@rollup/plugin-replace": "5.0.7",
     "@rollup/pluginutils": "5.1.0",
+    "@cocos/rollup-plugin-typescript": "^12.1.2-cocos.2",
+    "@cocos/typescript": "^4.9.5-cocos.3",
     "ast-kit": "1.0.0",
     "fast-glob": "3.3.2",
 
@@ -55,6 +55,6 @@
     "@types/glob": "~7.2.0"
   },
   "optionalDependencies": {
-    "rollup-plugin-visualizer": "5.9.2"
+    "rollup-plugin-visualizer": "^5.12.0"
   }
 }
diff --git a/modules/build-engine/src/engine-js/babel-plugins/decorator-parser.ts b/modules/build-engine/src/engine-js/babel-plugins/decorator-parser.ts
index 51b00fd8..2dd55da9 100644
--- a/modules/build-engine/src/engine-js/babel-plugins/decorator-parser.ts
+++ b/modules/build-engine/src/engine-js/babel-plugins/decorator-parser.ts
@@ -317,7 +317,7 @@ function cvtPropDecorators(className: string, ctx: ClassDecoratorContext) {
     };
 }
 
-export default function recordDecorators(): babel.PluginObj<any> {
+export function recordDecorators(): babel.PluginObj<any> {
     return {
         name: 'decorator-collector',
         visitor: {
diff --git a/modules/build-engine/src/engine-js/index.ts b/modules/build-engine/src/engine-js/index.ts
index e5fccf61..9056d37a 100644
--- a/modules/build-engine/src/engine-js/index.ts
+++ b/modules/build-engine/src/engine-js/index.ts
@@ -12,7 +12,10 @@ import { externalWasmLoader } from './rollup-plugins/external-wasm-loader';
 import { StatsQuery } from '@ccbuild/stats-query';
 import { filePathToModuleRequest, formatPath } from '@ccbuild/utils';
 import { rpNamedChunk } from './rollup-plugins/systemjs-named-register-plugin';
-import { rpInlineEnum } from './rollup-plugins/inline-enum';
+import { getEnumData, rpEnumScanner } from './rollup-plugins/enum-scanner';
+import rpTypescript from '@cocos/rollup-plugin-typescript';
+import { minifyPrivatePropertiesTransformer } from './ts-plugins/properties-minifier';
+import { inlineEnumTransformer } from './ts-plugins/inline-enum';
 
 // import babel
 import babel = Transformer.core;
@@ -35,7 +38,8 @@ import rpVirtual = Bundler.plugins.virtual;
 import { ModuleQuery } from '@ccbuild/modularize';
 // import rpProgress = Bundler.plugins.progress;
 
-import * as decoratorRecorder from './babel-plugins/decorator-parser';
+import { recordDecorators } from './babel-plugins/decorator-parser';
+import ts from '@cocos/typescript';
 
 const realPath = (function (): (file: string) => Promise<string> {
     const realpath = typeof realFs.realpath.native === 'function' ? realFs.realpath.native : realFs.realpath;
@@ -173,7 +177,7 @@ export async function buildJsEngine(options: Required<buildEngine.Options>): Pro
         presetEnvOptions.targets = options.targets;
     }
 
-    const babelPlugins: any[] = [];
+    const babelPlugins: babel.PluginItem[] = [];
     if (!options.targets) {
         babelPlugins.push([babelPluginTransformForOf, {
             loose: true,
@@ -229,22 +233,19 @@ export async function buildJsEngine(options: Required<buildEngine.Options>): Pro
         if (!process.env.ENGINE_PATH) {
             throw new Error('ENGINE_PATH environment variable not set');
         }
-        babelOptions.presets?.push([(): any => ({ plugins: [[decoratorRecorder]] })]);
+        babelOptions.presets?.push([(): babel.PluginItem => ({ plugins: [[recordDecorators]] })]);
     }
 
     const rollupPlugins: rollup.Plugin[] = [];
-
     if (options.noDeprecatedFeatures) {
         rollupPlugins.push(removeDeprecatedFeatures(
             typeof options.noDeprecatedFeatures === 'string' ? options.noDeprecatedFeatures : undefined,
         ));
     }
 
-    const inlineEnumPlugins = await rpInlineEnum({ 
+    const rpEnumScannerPlugin = await rpEnumScanner({ 
         scanDir: ps.join(engineRoot, 'cocos'),
         moduleOverrides,
-        // exclude: ['*.jsb.ts'],
-        // scanPattern: '**/*.{cts,mts,ts,tsx}'
     });
 
     rollupPlugins.push(
@@ -305,7 +306,41 @@ export async function buildJsEngine(options: Required<buildEngine.Options>): Pro
     );
 
     if (options.inlineEnum) {
-        rollupPlugins.push(...inlineEnumPlugins);
+        rollupPlugins.push(...rpEnumScannerPlugin);
+    }
+
+    if (options.mangleProperties || options.inlineEnum) {
+        rollupPlugins.push(rpTypescript({
+            tsconfig: ps.join(engineRoot, 'tsconfig.json'),
+            compilerOptions: {
+                noEmit: false,
+                target: undefined,
+                sourceMap: undefined,
+                outDir: undefined,
+                module: 'NodeNext',
+                skipBuiltinTransformers: true,
+            },
+            transformers: (program) => {
+                const tsTransformers: Array<ts.TransformerFactory<ts.SourceFile>> = [];
+
+                if (options.inlineEnum) {
+                    const enumData = getEnumData();
+                    if (enumData) {
+                        tsTransformers.push(inlineEnumTransformer(program, enumData));
+                    } else {
+                        console.error(`Enum data is not available for inline enum.`);
+                    }
+                }
+
+                if (options.mangleProperties) {
+                    tsTransformers.push(minifyPrivatePropertiesTransformer(program, typeof options.mangleProperties === 'object' ? options.mangleProperties : undefined));
+                }
+
+                return {
+                    before: tsTransformers,
+                };
+            }
+        }));
     }
 
     rollupPlugins.push(
@@ -338,7 +373,7 @@ export async function buildJsEngine(options: Required<buildEngine.Options>): Pro
             },
             mangle: {
                 properties: options.mangleProperties ? {
-                    regex: /^[a-zA-Z_][a-zA-Z0-9_]{3,}\$$/,
+                    regex: /^_ccprivate\$/,
                 } : false,
             },
             keep_fnames: false,
diff --git a/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/core/enum.ts b/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/core/enum.ts
similarity index 99%
rename from modules/build-engine/src/engine-js/rollup-plugins/inline-enum/core/enum.ts
rename to modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/core/enum.ts
index 6db946b6..f7d63d9e 100644
--- a/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/core/enum.ts
+++ b/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/core/enum.ts
@@ -1,4 +1,7 @@
 /* eslint-disable no-inner-declarations */
+
+// Inspired by https://github.com/unplugin/unplugin-inline-enum
+
 import path from 'node:path';
 import assert from 'node:assert';
 import { readFileSync } from 'node:fs';
@@ -52,7 +55,7 @@ export interface EnumData {
     readonly declarations: {
         readonly [file: string]: ReadonlyArray<EnumDeclaration>;
     };
-  readonly defines: IDefines;
+    readonly defines: IDefines;
 }
 
 type EnumKey<
diff --git a/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/core/options.ts b/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/core/options.ts
similarity index 100%
rename from modules/build-engine/src/engine-js/rollup-plugins/inline-enum/core/options.ts
rename to modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/core/options.ts
diff --git a/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/index.ts b/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/index.ts
new file mode 100644
index 00000000..53f12f20
--- /dev/null
+++ b/modules/build-engine/src/engine-js/rollup-plugins/enum-scanner/index.ts
@@ -0,0 +1,32 @@
+import { type Options, resolveOptions } from './core/options';
+import { EnumData, scanEnums } from './core/enum';
+import { rollup as Bundler } from '@ccbuild/bundler';
+import rollup = Bundler.core;
+
+let enumData: EnumData | undefined;
+
+export function getEnumData(): EnumData | undefined {
+    return enumData;
+}
+
+/**
+ * The main unplugin instance.
+ */
+export async function rpEnumScanner(rawOptions: Options): Promise<rollup.Plugin[]> {
+    const options = resolveOptions(rawOptions);
+
+    enumData = await scanEnums(options);
+    const { defines } = enumData;
+
+    defines['Float32Array.BYTES_PER_ELEMENT'] =  4;
+    defines['Float64Array.BYTES_PER_ELEMENT'] =  8;
+    defines['Uint8Array.BYTES_PER_ELEMENT'] =  1;
+    defines['Uint8ClampedArray.BYTES_PER_ELEMENT'] = 1;
+    defines['Uint16Array.BYTES_PER_ELEMENT'] =  2;
+    defines['Uint32Array.BYTES_PER_ELEMENT'] =  4;
+    defines['Int8Array.BYTES_PER_ELEMENT'] =  1;
+    defines['Int16Array.BYTES_PER_ELEMENT'] =  2;
+    defines['Int32Array.BYTES_PER_ELEMENT'] =  4;
+
+    return [];
+}
diff --git a/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/index.ts b/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/index.ts
deleted file mode 100644
index 4b10e933..00000000
--- a/modules/build-engine/src/engine-js/rollup-plugins/inline-enum/index.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-// Inspired by https://github.com/unplugin/unplugin-inline-enum
-
-import { createFilter } from '@rollup/pluginutils';
-import MagicString from 'magic-string';
-import ReplacePlugin from '@rollup/plugin-replace';
-import { type Options, resolveOptions } from './core/options';
-import { IDefines, scanEnums } from './core/enum';
-import { rollup as Bundler } from '@ccbuild/bundler';
-import { ps as pathUtils } from '@ccbuild/utils';
-import rollup = Bundler.core;
-
-
-type ConvertedObject = {
-    [key: string]: string;
-};
-
-const convertNumberValuesToString = (obj: IDefines): ConvertedObject => {
-    return Object.entries(obj).reduce((acc, [key, value]) => {
-        acc[key] = JSON.stringify(value);// + ` /* _.${key} */ `;
-        return acc;
-    }, {} as ConvertedObject);
-};
-
-/**
- * The main unplugin instance.
- */
-export async function rpInlineEnum(rawOptions: Options, meta?: any): Promise<rollup.Plugin[]> {
-    const options = resolveOptions(rawOptions);
-    const filter = createFilter(options.include, options.exclude);
-
-    const { declarations, defines } = await scanEnums(options);
-
-    const strDefines = convertNumberValuesToString(defines);
-
-    strDefines['Float32Array.BYTES_PER_ELEMENT'] =  '4';
-    strDefines['Float64Array.BYTES_PER_ELEMENT'] =  '8';
-  
-    strDefines['Uint8Array.BYTES_PER_ELEMENT'] =  '1';
-    strDefines['Uint8ClampedArray.BYTES_PER_ELEMENT'] = '1';
-    strDefines['Uint16Array.BYTES_PER_ELEMENT'] =  '2';
-    strDefines['Uint32Array.BYTES_PER_ELEMENT'] =  '4';
-    strDefines['Int8Array.BYTES_PER_ELEMENT'] =  '1';
-    strDefines['Int16Array.BYTES_PER_ELEMENT'] =  '2';
-    strDefines['Int32Array.BYTES_PER_ELEMENT'] =  '4';
-
-
-    const replacePlugin = ReplacePlugin(
-        {
-            include: options.include,
-            exclude: options.exclude,
-            values: strDefines,
-            delimiters: ['(?<!\\.)\\b', '\\b(?!\\.)'],
-            preventAssignment: true,
-        },
-    // meta,
-    );
-
-    const name = 'cc-inline-enum';
-
-    return [
-        {
-            name,
-            //   enforce: options.enforce,
-
-            async resolveId (this, source, importer): Promise<string | { id: string; external: true; } | null> {
-                return filter(source) ? source : null;
-            },
-
-            transform(this, code: string, moduleId: string): rollup.TransformResult {
-                // Don't transform a module that is overrode
-                const cacheKey = pathUtils.makePathEqualityKey(moduleId);
-                if (options.moduleOverrides && (cacheKey in options.moduleOverrides)) {
-                    return;
-                }
-
-                let s: MagicString | undefined;
-
-                if (moduleId in declarations) {
-                    s ||= new MagicString(code);
-                    for (const declaration of declarations[moduleId]) {
-                        const {
-                            range: [start, end],
-                            id,
-                            members,
-                            exported,
-                        } = declaration;
-
-                        const prefix = exported ? 'export' : '';
-
-                        s.update(
-                            start,
-                            end,
-                            `${prefix} const ${id} = {${members
-                                .flatMap(({ name, value }) => {
-                                    const forwardMapping = `${JSON.stringify(name)}: ${JSON.stringify(value)}`;
-                                    const reverseMapping = `${JSON.stringify(value.toString())}: ${JSON.stringify(name)}`;
-
-                                    // see https://www.typescriptlang.org/docs/handbook/enums.html#reverse-mappings
-                                    return typeof value === 'string'
-                                        ? [
-                                            forwardMapping,
-                                            // string enum members do not get a reverse mapping generated at all
-                                        ]
-                                        : [
-                                            forwardMapping,
-                                            // other enum members should support enum reverse mapping
-                                            // reverseMapping,
-                                        ];
-                                })
-                                .join(',\n')}}`,
-                        );
-                    }
-                }
-
-                if (s) {
-                    return {
-                        code: s.toString(),
-                        map: s.generateMap(),
-                    };
-                }
-            },
-        },
-
-        replacePlugin,
-    ];
-}
diff --git a/modules/build-engine/src/engine-js/ts-plugins/inline-enum/index.ts b/modules/build-engine/src/engine-js/ts-plugins/inline-enum/index.ts
new file mode 100644
index 00000000..1b43f22f
--- /dev/null
+++ b/modules/build-engine/src/engine-js/ts-plugins/inline-enum/index.ts
@@ -0,0 +1,186 @@
+import * as ts from '@cocos/typescript';
+import { EnumData } from '../../rollup-plugins/enum-scanner/core/enum';
+
+class EnumInliner {
+    private readonly _context: ts.TransformationContext;
+    private readonly _enumData: EnumData;
+
+    public constructor(context: ts.TransformationContext, enumData: EnumData) {
+        this._context = context;
+        this._enumData = enumData;
+    }
+
+    public visitSourceFile(node: ts.SourceFile, program: ts.Program, context: ts.TransformationContext): ts.SourceFile {
+        const result = this.visitNodeAndChildren(node, program, context);
+        return result;
+    }
+
+    private visitNodeAndChildren(node: ts.SourceFile, program: ts.Program, context: ts.TransformationContext): ts.SourceFile;
+    private visitNodeAndChildren(node: ts.Node, program: ts.Program, context: ts.TransformationContext): ts.Node;
+    private visitNodeAndChildren(node: ts.Node, program: ts.Program, context: ts.TransformationContext): ts.Node {
+        return ts.visitEachChild(
+            this.visitNode(node, program),
+            (childNode: ts.Node) => this.visitNodeAndChildren(childNode, program, context),
+            context
+        );
+    }
+
+    private visitNode(node: ts.Node, program: ts.Program): ts.Node {
+        if (isAccessExpression(node)) {
+            return this.tryCreateLiteral(node, program);
+        } else if (ts.isEnumDeclaration(node)) {
+            return this.tryReplaceEnumDeclaration(node, program);
+        }
+
+        return node;
+    }
+
+    private tryReplaceEnumDeclaration(node: ts.EnumDeclaration, program: ts.Program): ts.Node {
+        const enumName = node.name;
+        const typeChecker = program.getTypeChecker();
+        const symbol = typeChecker.getSymbolAtLocation(enumName);
+
+        if (symbol && symbol.declarations && symbol.declarations.length > 0) {
+            const declaration = symbol.declarations[0];
+            if (ts.isEnumDeclaration(declaration)) {
+                let foundAll = true;
+                const members = declaration.members.map(member => {
+                    const name = member.name.getText();
+                    const fullName: string = `${enumName.getText()}.${name}`;
+                    const value = this._enumData.defines[fullName as keyof EnumData['defines']];
+                    if (value === undefined) {
+                        foundAll = false;
+                    }
+
+                    return ts.factory.createPropertyAssignment(name, typeof value === 'number' ? ts.factory.createNumericLiteral(value) : ts.factory.createStringLiteral(value));
+                });
+
+                if (!foundAll) {
+                    return node;
+                }
+
+                const enumObject = ts.factory.createObjectLiteralExpression(members, true);
+                const exportModifiers = getModifier(node, ts.SyntaxKind.ExportKeyword) ? [ts.factory.createToken(ts.SyntaxKind.ExportKeyword)] : undefined;
+ 
+                return ts.factory.createVariableStatement(
+                    exportModifiers,
+                    ts.factory.createVariableDeclarationList(
+                        [ts.factory.createVariableDeclaration(enumName, undefined, undefined, enumObject)],
+                        ts.NodeFlags.Const
+                    )
+                );
+            }
+        }
+        return node;
+    }
+
+    private createNumberOrStringLiteral(value: number | string): ts.NumericLiteral | ts.StringLiteral | null {
+        if (typeof value === 'number') {
+            return this._context.factory.createNumericLiteral(value);
+        }
+        else if (typeof value === 'string') {
+            return this._context.factory.createStringLiteral(value);
+        }
+        return null;
+    }
+
+    private findEnumData(name: string): number | string | undefined {
+        return this._enumData.defines[name as keyof EnumData['defines']];
+    }
+
+    private tryCreateLiteral(node: AccessExpression, program: ts.Program): ts.LiteralExpression | ts.AccessExpression {
+        const typeChecker = program.getTypeChecker();
+
+        let accessName: ts.MemberName | ts.StringLiteral | ts.NumericLiteral;
+        if (ts.isPropertyAccessExpression(node)) {
+            accessName = node.name;
+        } else if (ts.isElementAccessExpression(node)) {
+            accessName = node.argumentExpression as ts.StringLiteral | ts.NumericLiteral;
+        } else {
+            return node;
+        }
+        const symbol = typeChecker.getSymbolAtLocation(accessName);
+
+        if (node.parent && ts.isTemplateSpan(node.parent)) {
+            return node;
+        }
+
+        if (symbol && symbol.valueDeclaration) {
+            if (symbol.valueDeclaration.kind === ts.SyntaxKind.EnumMember) {
+                const enumText = node.expression.getText() + '.' + accessName.text;
+                const enumInlinedValue = this.findEnumData(enumText);
+                if (enumInlinedValue === undefined) {
+                    return node;
+                }
+                const inlinedIiteral = this.createNumberOrStringLiteral(enumInlinedValue);
+                if (inlinedIiteral) {
+                    return inlinedIiteral;
+                }
+            } else if (symbol.valueDeclaration.kind === ts.SyntaxKind.PropertySignature) {
+                const accessNameText = accessName.text;
+                if (accessNameText === 'BYTES_PER_ELEMENT') {
+                    const expressionText = node.expression.getText();
+                    const enumText = expressionText + '.' + accessNameText;
+                    const enumInlinedValue = this.findEnumData(enumText);
+                    if (enumInlinedValue === undefined) {
+                        return node;
+                    }
+                    const inlinedIiteral = this.createNumberOrStringLiteral(enumInlinedValue);
+                    if (inlinedIiteral) {
+                        return inlinedIiteral;
+                    }
+                }
+            }
+        }
+
+        return node;
+    }
+}
+
+
+type AccessExpression = ts.PropertyAccessExpression | ts.ElementAccessExpression;
+
+function isAccessExpression(node: ts.Node): node is AccessExpression {
+    return ts.isPropertyAccessExpression(node) || ts.isElementAccessExpression(node);
+}
+
+function getModifier(node: ts.Node, modifier: ts.SyntaxKind): ts.Modifier | undefined {
+    return getModifiers(node).find((mod: ts.Modifier) => mod.kind === modifier);
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+function getModifiers(node: ts.Node): readonly ts.Modifier[] {
+    if (isBreakingTypeScriptApi(ts)) {
+        if (!ts.canHaveModifiers(node)) {
+            return [];
+        }
+
+        return ts.getModifiers(node) || [];
+    }
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return node.modifiers || [];
+}
+
+// decorators and modifiers-related api added in ts 4.8
+interface BreakingTypeScriptApi {
+    canHaveDecorators(node: ts.Node): boolean;
+    getDecorators(node: ts.Node): readonly ts.Decorator[] | undefined;
+    canHaveModifiers(node: ts.Node): boolean;
+    getModifiers(node: ts.Node): readonly ts.Modifier[] | undefined;
+}
+
+function isBreakingTypeScriptApi(compiler: unknown): compiler is BreakingTypeScriptApi {
+    return 'canHaveDecorators' in ts;
+}
+
+export function inlineEnumTransformer(program: ts.Program, enumData: EnumData): ts.TransformerFactory<ts.SourceFile> {
+    return (context: ts.TransformationContext) => {
+        const inliner = new EnumInliner(context, enumData);
+        return (file: ts.SourceFile) => {
+            return inliner.visitSourceFile(file, program, context);
+        };
+    };
+}
diff --git a/modules/build-engine/src/engine-js/ts-plugins/properties-minifier/index.ts b/modules/build-engine/src/engine-js/ts-plugins/properties-minifier/index.ts
new file mode 100644
index 00000000..edf5916f
--- /dev/null
+++ b/modules/build-engine/src/engine-js/ts-plugins/properties-minifier/index.ts
@@ -0,0 +1,609 @@
+// This code was modified from https://github.com/timocov/ts-transformer-minify-privates
+
+import * as ts from '@cocos/typescript';
+
+// decorators and modifiers-related api added in ts 4.8
+interface BreakingTypeScriptApi {
+    canHaveDecorators(node: ts.Node): boolean;
+    getDecorators(node: ts.Node): readonly ts.Decorator[] | undefined;
+    canHaveModifiers(node: ts.Node): boolean;
+    getModifiers(node: ts.Node): readonly ts.Modifier[] | undefined;
+}
+
+interface JSDoc extends ts.Node {
+    readonly kind: ts.SyntaxKind.JSDoc;
+    readonly parent: ts.HasJSDoc;
+    readonly tags?: ts.NodeArray<ts.JSDocTag>;
+    readonly comment?: string | ts.NodeArray<ts.JSDocComment>;
+}
+interface JSDocContainer {
+    jsDoc?: JSDoc[]; // JSDoc that directly precedes this node
+}
+
+type SymbolWithParent = ts.Symbol & { parent?: ts.Symbol };
+
+export interface IManglePropertiesOptions {
+    /**
+     * Prefix of generated names (e.g. '_ccprivate$')
+     */
+    prefix: string;
+    mangleList: string[];
+    dontMangleList: string[];
+    mangleGetterSetter: boolean;
+    ignoreJsDocTag: boolean;
+    warnThisDotThreshold: number;
+}
+
+const defaultOptions: IManglePropertiesOptions = {
+    prefix: '_ccprivate$',
+    mangleList: [],
+    dontMangleList: [],
+    mangleGetterSetter: false,
+    ignoreJsDocTag: false,
+    warnThisDotThreshold: 10,
+};
+
+type NodeCreator<T extends ts.Node> = (newName: string) => T;
+type AccessExpression = ts.PropertyAccessExpression | ts.ElementAccessExpression;
+type ClassMember = ts.MethodDeclaration | ts.PropertyDeclaration;
+type InterfaceMember = ts.MethodSignature | ts.PropertySignature;
+type PropertyInInterface = ts.PropertyAssignment | ts.MethodDeclaration | ts.GetAccessorDeclaration | ts.SetAccessorDeclaration;
+
+export class PropertiesMinifier {
+    private readonly _context: ts.TransformationContext;
+    private readonly _options: IManglePropertiesOptions;
+    private _currentProgram: ts.Program | null = null;
+    private _currentSourceFile: ts.SourceFile | null = null;
+    private _typeChecker!: ts.TypeChecker;
+
+    public constructor(context: ts.TransformationContext, options?: Partial<IManglePropertiesOptions>) {
+        this._context = context;
+        this._options = { ...defaultOptions, ...options };
+    }
+
+    public visitSourceFile(node: ts.SourceFile, program: ts.Program, context: ts.TransformationContext): ts.SourceFile {
+        this._currentProgram = program;
+        this._currentSourceFile = node;
+        this._typeChecker = program.getTypeChecker();
+        const result = this.visitNodeAndChildren(node, program, context);
+        this._currentProgram = null;
+        this._currentSourceFile = null;
+        return result;
+    }
+
+    private visitNodeAndChildren(node: ts.SourceFile, program: ts.Program, context: ts.TransformationContext): ts.SourceFile;
+    private visitNodeAndChildren(node: ts.Node, program: ts.Program, context: ts.TransformationContext): ts.Node;
+    private visitNodeAndChildren(node: ts.Node, program: ts.Program, context: ts.TransformationContext): ts.Node {
+        return ts.visitEachChild(
+            this.visitNode(node, program),
+            (childNode: ts.Node) => this.visitNodeAndChildren(childNode, program, context),
+            context
+        );
+    }
+
+    private visitNode(node: ts.Node, program: ts.Program): ts.Node {
+        if (this.isAccessExpression(node)) {
+            return this.createNewAccessExpression(node, program);
+        } else if (ts.isBindingElement(node)) {
+            return this.createNewBindingElement(node, program);
+        } else if (this.isConstructorParameterReference(node, program)) {
+            return this.createNewNode(program, node, this._context.factory.createIdentifier);
+        } else if (this.isPropertyInInterfaceNotShorthand(node.parent) && (
+            this.isIdentifierInVariableDeclaration(node, program) ||
+            this.isIdentifierInBinaryExpression(node, program) ||
+            this.isIdentifierInArrayLiteralExpression(node, program))
+        ) {
+            return this.createNewNode(program, node, this._context.factory.createIdentifier);
+        } else if (ts.isShorthandPropertyAssignment(node)) {
+            if (this.isIdentifierInVariableDeclaration(node.name, program) ||
+                this.isIdentifierInBinaryExpression(node.name, program) ||
+                this.isIdentifierInArrayLiteralExpression(node.name, program)
+            ) {
+                return ts.factory.createPropertyAssignment(
+                    this.createNewNode(program, node.name, this._context.factory.createIdentifier),
+                    ts.factory.createIdentifier(node.name.text)
+                );
+            }
+        } else if (ts.isBlock(node)) {
+            if (this._options.warnThisDotThreshold > 0) {
+                this.checkThisDotCountInBlock(node);
+            }
+        }
+        return node;
+    }
+
+    private checkThisDotCountInBlock(node: ts.Block): void {
+        const parent = node.parent;
+        if (!this._currentSourceFile || !parent) {
+            return;
+        }
+        const text = node.getText();
+        const thisDotCount = (text.match(/this\./g) || []).length;
+        if (thisDotCount > this._options.warnThisDotThreshold) {
+            const sourceFileName = this._currentSourceFile.fileName;
+            if (sourceFileName.includes('node_modules')) {
+                return;
+            }
+
+            if (ts.isMethodDeclaration(parent) || ts.isFunctionDeclaration(parent) || ts.isGetAccessor(parent) || ts.isSetAccessor(parent) || ts.isArrowFunction(parent)) {
+                const parentName = parent.name?.getText();
+                console.warn(`[OPTIMIZE ME] Found ${thisDotCount} 'this.' in block: ${parentName}, sourceFile: ${sourceFileName}`);
+            }
+        }
+    }
+
+    private createNewAccessExpression(node: AccessExpression, program: ts.Program): AccessExpression {
+        const typeChecker = program.getTypeChecker();
+        const accessName = ts.isPropertyAccessExpression(node) ? node.name : node.argumentExpression;
+        const symbol = typeChecker.getSymbolAtLocation(accessName);
+
+        if (!this.isPrivateNonStaticClassMember(symbol)) {
+            return node;
+        }
+
+        let propName: ts.PropertyName;
+        let creator: NodeCreator<AccessExpression>;
+
+        if (ts.isPropertyAccessExpression(node)) {
+            propName = node.name;
+            creator = (newName: string): AccessExpression => {
+                return this._context.factory.createPropertyAccessExpression(node.expression, newName);
+            };
+        } else {
+            if (!ts.isStringLiteral(node.argumentExpression)) {
+                return node;
+            }
+
+            propName = node.argumentExpression;
+            creator = (newName: string): AccessExpression => {
+                return this._context.factory.createElementAccessExpression(node.expression, this._context.factory.createStringLiteral(newName));
+            };
+        }
+
+        return this.createNewNode(program, propName, creator);
+    }
+
+    private createNewBindingElement(node: ts.BindingElement, program: ts.Program): ts.BindingElement {
+        const typeChecker = program.getTypeChecker();
+
+        let propName: ts.PropertyName;
+        let symbol: ts.Symbol | undefined;
+
+        if (node.propertyName === undefined) {
+            // if no property name is set (const { a } = foo)
+            // then node.propertyName is undefined and we need to find this property by yourself
+            // so let's use go-to-definition algorithm from TSServer
+            // see https://github.com/microsoft/TypeScript/blob/672b0e3e16ad18b422dbe0cec5a98fce49881b76/src/services/goToDefinition.ts#L58-L77
+            if (!ts.isObjectBindingPattern(node.parent as ts.Node)) {
+                return node;
+            }
+
+            const type = typeChecker.getTypeAtLocation(node.parent as ts.Node);
+            if (type.isUnion()) {
+                return node;
+            }
+
+            if (!ts.isIdentifier(node.name)) {
+                return node;
+            }
+
+            propName = node.name;
+            symbol = type.getProperty(ts.idText(propName));
+        } else {
+            propName = node.propertyName;
+            symbol = typeChecker.getSymbolAtLocation(node.propertyName);
+        }
+
+        if (!this.isPrivateNonStaticClassMember(symbol)) {
+            return node;
+        }
+
+        return this.createNewNode(program, propName, (newName: string) => {
+            return this._context.factory.createBindingElement(node.dotDotDotToken, newName, node.name, node.initializer);
+        });
+    }
+
+    private createNewNode<T extends ts.Node>(program: ts.Program, oldProperty: ts.PropertyName, createNode: NodeCreator<T>): T {
+        const typeChecker = program.getTypeChecker();
+        const symbol = typeChecker.getSymbolAtLocation(oldProperty);
+        if (symbol === undefined) {
+            throw new Error(`Cannot get symbol for node "${oldProperty.getText()}"`);
+        }
+
+        const oldPropertyName = symbol.escapedName as string;
+
+        const newPropertyName = this.getNewName(oldPropertyName);
+        const newProperty = createNode(newPropertyName);
+
+        return newProperty;
+    }
+
+    private getNewName(originalName: string): string {
+        return `${this._options.prefix}${originalName}`;
+    }
+
+    private isPrivateNonStatic(node: ClassMember | ts.ParameterDeclaration | InterfaceMember | ts.PropertyAssignment, parentSymbol: ts.Symbol | undefined): boolean {
+        return this.isPrivate(node, parentSymbol) && !this.hasModifier(node, ts.SyntaxKind.StaticKeyword);
+    }
+
+    private isMangledInJsDoc(jsDocNode: JSDocContainer): boolean {
+        if (jsDocNode.jsDoc) {
+            for (const jsDoc of jsDocNode.jsDoc) {
+                if (jsDoc.tags) {
+                    for (const tag of jsDoc.tags) {
+                        const tagName = tag.tagName.escapedText;
+                        if (tagName === 'mangle') {
+                            return true;
+                        }
+                    }
+                }
+            }
+        }
+        return false;
+    }
+
+    private isPrivate(node: ClassMember | ts.ParameterDeclaration | InterfaceMember | ts.PropertyAssignment, parentSymbol: ts.Symbol | undefined): boolean {
+        let isPrivate = this.hasModifier(node, ts.SyntaxKind.PrivateKeyword);
+        if (!isPrivate && !this._options.ignoreJsDocTag) {
+            isPrivate = this.isMangledInJsDoc(node as JSDocContainer);
+        }
+
+        const parentName = (node.parent as any).name?.escapedText;
+        if (!parentName) return isPrivate;
+
+        const name = node.name.getText();
+        const isParentSymbolPrivate = parentSymbol && this.isParentSymbolPrivate(parentSymbol, name);
+        if (isParentSymbolPrivate !== undefined) {
+            // Ignore current private description and use parent's one
+            isPrivate = isParentSymbolPrivate;
+        } else {
+            isPrivate = this.updatePrivateByOptions(isPrivate, parentName, name);
+        }
+
+        return isPrivate;
+    }
+
+    private updatePrivateByOptions(isPrivate: boolean, parentName: string | undefined, propertyName: string | undefined): boolean {
+        if (parentName === undefined) return isPrivate;
+        let fullName = parentName;
+        if (propertyName) {
+            fullName = fullName + '.' + propertyName;
+        }
+        // Check the mangleList option
+        if (!isPrivate) {
+            if (this._options.mangleList.includes(fullName) || this._options.mangleList.includes(parentName)) {
+                isPrivate = true;
+            }
+        }
+
+        // Check the dontMangleList option
+        if (isPrivate) {
+            if (this._options.dontMangleList.includes(fullName) || this._options.dontMangleList.includes(parentName)) {
+                isPrivate = false;
+            }
+        }
+        return isPrivate;
+    }
+
+    private isParentSymbolPrivate(parentSymbol: ts.Symbol, name: string): boolean | undefined {
+        if (this._options.ignoreJsDocTag) {
+            return undefined;
+        }
+        let valueDecl = parentSymbol.valueDeclaration;
+        if (!valueDecl) {
+            const decls = parentSymbol.declarations;
+            if (decls) {
+                valueDecl = decls[0];
+            }
+        }
+        if (valueDecl) {
+            if (ts.isClassDeclaration(valueDecl) || ts.isInterfaceDeclaration(valueDecl)) {
+                if (valueDecl.heritageClauses) {
+                    for (const heritageClause of valueDecl.heritageClauses) {
+                        for (const type of heritageClause.types) {
+                            const classOrInterfaceSymbol = this._typeChecker.getSymbolAtLocation(type.expression);
+                            if (classOrInterfaceSymbol && parentSymbol !== classOrInterfaceSymbol) {
+                                const classOrInterfaceType = this._typeChecker.getDeclaredTypeOfSymbol(classOrInterfaceSymbol);
+                                const members = classOrInterfaceType.getProperties();
+                                for (const member of members) {
+                                    if (member.name === name) {
+                                        if (classOrInterfaceSymbol.getJsDocTags(this._typeChecker).some(tag => tag.name === 'mangle')) {
+                                            return true;
+                                        } else {
+                                            return this.isPrivateNonStaticClassMember(member);
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                // Check wether the parent class or interface has @mangle tag
+                if (parentSymbol.members) {
+                    let found: ts.Symbol | undefined;
+                    parentSymbol.members.forEach(member => {
+                        if (member.name === name) {
+                            found = member;
+                        }
+                    });
+
+                    if (found) {
+                        if (parentSymbol.getJsDocTags(this._typeChecker).some(tag => tag.name === 'mangle')) {
+                            return true;
+                        }
+                    }
+                }
+            }
+        }
+        return undefined;
+    }
+
+    private hasModifier(node: ts.Node, modifier: ts.SyntaxKind): boolean {
+        return this.getModifiers(node).some((mod: ts.Modifier) => mod.kind === modifier);
+    }
+
+    private isAccessExpression(node: ts.Node): node is AccessExpression {
+        return ts.isPropertyAccessExpression(node) || ts.isElementAccessExpression(node);
+    }
+
+    private isClassMember(node: ts.Node): node is ClassMember {
+        let ret = ts.isMethodDeclaration(node) || ts.isPropertyDeclaration(node);
+        if (!ret && this._options.mangleGetterSetter) {
+            ret = ts.isGetAccessor(node) || ts.isSetAccessor(node);
+        }
+        return ret;
+    }
+
+    private isInterfaceMember(node: ts.Node): node is InterfaceMember {
+        let ret = ts.isMethodSignature(node) || ts.isPropertySignature(node);
+        if (!ret && this._options.mangleGetterSetter) {
+            ret = ts.isGetAccessor(node) || ts.isSetAccessor(node);
+        }
+        return ret;
+    }
+
+    private isConstructorParameter(node: ts.Node): node is ts.ParameterDeclaration {
+        return ts.isParameter(node) && ts.isConstructorDeclaration(node.parent as ts.Node);
+    }
+
+    private isConstructorParameterReference(node: ts.Node, program: ts.Program): node is ts.Identifier {
+        if (!ts.isIdentifier(node)) {
+            return false;
+        }
+
+        const typeChecker = program.getTypeChecker();
+        const symbol = typeChecker.getSymbolAtLocation(node) as SymbolWithParent;
+        return this.isPrivateNonStaticClassMember(symbol);
+    }
+
+    private isPropertyInInterfaceNotShorthand(node: ts.Node): node is PropertyInInterface {
+        if (!node) return false;
+        let isPropertyInInterface = ts.isPropertyAssignment(node) || ts.isMethodDeclaration(node);
+        if (!isPropertyInInterface && this._options.mangleGetterSetter) {
+            isPropertyInInterface = ts.isGetAccessor(node) || ts.isSetAccessor(node);
+        }
+        return isPropertyInInterface;
+    }
+
+    private getTypeSymbol(interfaceType: ts.Type, propertyName: string): ts.Symbol | undefined {
+        let typeSymbol: ts.Symbol | undefined;
+        if (interfaceType.isUnion()) {
+            for (const t of interfaceType.types) {
+                if (!t.symbol || !t.symbol.members) continue;
+                if (t.symbol.members.has(propertyName as ts.__String)) {
+                    typeSymbol = t.symbol;
+                    break;
+                }
+            }
+        } else {
+            typeSymbol = interfaceType.symbol;
+        }
+        return typeSymbol;
+    }
+
+    private isInterfacePropertyHasMangleTag(typeSymbol: ts.Symbol, propertyName: string): boolean {
+        if (this._options.ignoreJsDocTag) {
+            return false;
+        }
+        const checker = this._typeChecker;
+        let isPrivate = false;
+        // interface definition has @mangle tag
+        if (typeSymbol.getJsDocTags(checker).some(tag => tag.name === 'mangle')) {
+            isPrivate = true;
+        } else {
+            if (typeSymbol.getJsDocTags(checker).some(tag => tag.name === 'mangle')) {
+                isPrivate = true;
+            } else {
+                if (typeSymbol.members) {
+                    const members = typeSymbol.members.values();
+                    let result = members.next();
+                    while (!result.done) {
+                        const member = result.value;
+                        if (member.valueDeclaration) {
+                            for (const child of member.valueDeclaration.getChildren()) {
+                                const symbol = checker.getSymbolAtLocation(child);
+                                if (symbol && symbol.escapedName === propertyName) {
+                                    for (const tag of symbol.getJsDocTags(checker)) {
+                                        if (tag.name === 'mangle') {
+                                            isPrivate = true;
+                                            break;
+                                        }
+                                    }
+                                }
+
+                                if (isPrivate) {
+                                    break;
+                                }
+                            }
+
+                            if (isPrivate) {
+                                break;
+                            }
+                        }
+                        result = members.next();
+                    }
+                }
+            }
+        }
+        return isPrivate;
+    }
+
+    private isIdentifierInVariableDeclaration(node: ts.Node, program: ts.Program): node is ts.Identifier {
+        if (!ts.isIdentifier(node)) {
+            return false;
+        }
+
+        const parent = node.parent as PropertyInInterface;
+        if (!parent) {
+            return false;
+        }
+
+        const prev3Node = parent.parent?.parent;
+        if (!prev3Node) return false;
+
+        if (ts.isVariableDeclaration(prev3Node)) {
+            if (parent.name !== node) {
+                return false;
+            }
+
+            const checker = program.getTypeChecker();
+            const propertyName = node.text;
+            const type = checker.getTypeAtLocation(prev3Node.name);
+            const typeSymbol = this.getTypeSymbol(type, propertyName);
+            if (!typeSymbol) {
+                return false;
+            }
+            const isPrivate = this.isInterfacePropertyHasMangleTag(typeSymbol, propertyName);
+            const parentName = typeSymbol.escapedName as string | undefined;
+            return this.updatePrivateByOptions(isPrivate, parentName, propertyName);
+        }
+
+        return false;
+    }
+
+    private isIdentifierInArrayLiteralExpression(node: ts.Node, program: ts.Program): node is ts.Identifier {
+        if (!ts.isIdentifier(node)) {
+            return false;
+        }
+
+        const parent = node.parent as PropertyInInterface;
+        if (!parent) {
+            return false;
+        }
+
+        const prev3Node = parent.parent?.parent;
+        if (!prev3Node) return false;
+
+        if (ts.isArrayLiteralExpression(prev3Node)) {
+            const checker = this._typeChecker;
+            const contextualType = checker.getContextualType(prev3Node);
+
+            if (!contextualType) {
+                return false;
+            }
+
+            if (contextualType.symbol && contextualType.symbol.name === 'Array') {
+                const typeArguments = checker.getTypeArguments(contextualType as ts.TypeReference);
+                const elementType = typeArguments[0];
+                const propertyName = node.text;
+                const typeSymbol = this.getTypeSymbol(elementType, propertyName);
+                if (!typeSymbol) {
+                    return false;
+                }
+                const isPrivate = this.isInterfacePropertyHasMangleTag(typeSymbol, propertyName);
+                const parentName = typeSymbol.escapedName as string | undefined;
+                return this.updatePrivateByOptions(isPrivate, parentName, propertyName);
+            }
+        }
+
+        return false;
+    }
+
+    private isIdentifierInBinaryExpression(node: ts.Node, program: ts.Program): node is ts.Identifier {
+        if (!ts.isIdentifier(node)) {
+            return false;
+        }
+
+        const parent = node.parent as PropertyInInterface;
+        if (!parent) {
+            return false;
+        }
+
+        const prev3Node = parent.parent?.parent;
+        if (!prev3Node) return false;
+
+        if (ts.isBinaryExpression(prev3Node)) {
+            if (parent.name !== node) {
+                return false;
+            }
+
+            const checker = program.getTypeChecker();
+            const propertyName = node.text;
+            const type = checker.getTypeAtLocation(prev3Node.left);
+            const typeSymbol = this.getTypeSymbol(type, propertyName);
+            if (!typeSymbol) {
+                return false;
+            }
+            const isPrivate = this.isInterfacePropertyHasMangleTag(typeSymbol, propertyName);
+            const parentName = typeSymbol.escapedName as string | undefined;
+            return this.updatePrivateByOptions(isPrivate, parentName, propertyName);
+        }
+        return false;
+    }
+
+    private isPropertyAssignment(node: ts.Declaration): node is ts.PropertyAssignment {
+        return ts.isPropertyAssignment(node);
+    }
+
+    private isPrivateNonStaticClassMember(symbol: SymbolWithParent | undefined): boolean {
+        // for some reason ts.Symbol.declarations can be undefined (for example in order to accessing to proto member)
+        if (symbol === undefined || symbol.declarations === undefined) {
+            return false;
+        }
+
+        const parentSymbol = symbol.parent;
+        const ret = symbol.declarations.some((x: ts.Declaration) => {
+            // terser / uglify property minifiers aren't able to handle decorators
+            return ((this.isClassMember(x) || this.isInterfaceMember(x) || this.isPropertyAssignment(x)) && !this.hasDecorators(x) || this.isConstructorParameter(x)) && this.isPrivateNonStatic(x, parentSymbol);
+        });
+        return ret;
+    }
+
+    private hasDecorators(node: ts.Node): boolean {
+        if (this.isBreakingTypeScriptApi(ts)) {
+            return ts.canHaveDecorators(node) && !!ts.getDecorators(node);
+        }
+
+        return !!node.decorators;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    private getModifiers(node: ts.Node): readonly ts.Modifier[] {
+        if (this.isBreakingTypeScriptApi(ts)) {
+            if (!ts.canHaveModifiers(node)) {
+                return [];
+            }
+
+            return ts.getModifiers(node) || [];
+        }
+
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        return node.modifiers || [];
+    }
+
+    private isBreakingTypeScriptApi(compiler: unknown): compiler is BreakingTypeScriptApi {
+        return 'canHaveDecorators' in ts;
+    }
+}
+
+export function minifyPrivatePropertiesTransformer(program: ts.Program, config?: Partial<IManglePropertiesOptions>): ts.TransformerFactory<ts.SourceFile> {
+    return (context: ts.TransformationContext) => {
+        const minifier = new PropertiesMinifier(context, config);
+        return (file: ts.SourceFile) => {
+            return minifier.visitSourceFile(file, program, context);
+        };
+    };
+}
diff --git a/modules/build-engine/src/index.ts b/modules/build-engine/src/index.ts
index 3953d156..3638e6cf 100644
--- a/modules/build-engine/src/index.ts
+++ b/modules/build-engine/src/index.ts
@@ -69,6 +69,17 @@ export async function buildEngine (options: buildEngine.Options): Promise<buildE
  */
 export namespace buildEngine {
     export type ModuleFormat = 'esm' | 'cjs' | 'system' | 'iife';
+
+    export interface IManglePropertiesOptions {
+        /**
+         * Prefix of generated names (default: '_ccprivate$')
+         */
+        prefix?: string;
+        mangleList?: string[];
+        dontMangleList?: string[];
+        mangleGetterSetter?: boolean;
+        ignoreJsDocTag?: boolean;
+    }
    
     export interface Options {
         /**
@@ -133,10 +144,10 @@ export namespace buildEngine {
         inlineEnum?: boolean;
 
         /** 
-         * 是否需要压缩 $ 后缀的属性，只在 release 模式下生效
+         * 是否需要压缩 private 属性。
          * @default true
          */
-        mangleProperties?: boolean;
+        mangleProperties?: boolean | IManglePropertiesOptions;
 
         /**
          * 是否生成 source map。
diff --git a/modules/bundler/package.json b/modules/bundler/package.json
index cdb4229e..64f61988 100644
--- a/modules/bundler/package.json
+++ b/modules/bundler/package.json
@@ -19,8 +19,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "rollup": "^4.20.0",
-    "@rollup/plugin-babel": "^6.0.3",
+    "rollup": "^4.27.4",
+    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@cocos/rollup-plugin-node-resolve": "^15.3.0",
diff --git a/modules/transformer/package.json b/modules/transformer/package.json
index 347d9ea6..538e0478 100644
--- a/modules/transformer/package.json
+++ b/modules/transformer/package.json
@@ -29,6 +29,8 @@
     "@babel/core": "^7.20.12",
     "@babel/helper-module-imports": "7.18.6",
     "@babel/parser": "^7.20.13",
+    "@babel/generator": "^7.22.10",
+    "@babel/types": "^7.22.10",
     "@babel/plugin-syntax-decorators": "^7.19.0",
     "@babel/plugin-syntax-typescript": "^7.20.0",
     "@babel/plugin-transform-for-of": "^7.21.0",
diff --git a/modules/transformer/src/babel/index.ts b/modules/transformer/src/babel/index.ts
index c38a310e..47376975 100644
--- a/modules/transformer/src/babel/index.ts
+++ b/modules/transformer/src/babel/index.ts
@@ -1,6 +1,8 @@
 import * as core from '@babel/core';
 import * as parser from '@babel/parser';
+import * as generator from '@babel/generator';
 import * as traverse from '@babel/traverse';
+import * as types from '@babel/types';
 import * as presets from './presets';
 import * as plugins from './plugins';
 import * as helpers from './helper';
@@ -8,7 +10,9 @@ import * as helpers from './helper';
 export {
     core,
     parser,
+    generator,
     traverse,
+    types,
     presets,
     plugins,
     helpers,
diff --git a/package-lock.json b/package-lock.json
index ef5f99c0..abd037ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cocos/ccbuild",
-  "version": "2.2.20",
+  "version": "2.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cocos/ccbuild",
-      "version": "2.2.20",
+      "version": "2.3.0",
       "hasInstallScript": true,
       "license": "MIT",
       "workspaces": [
@@ -65,7 +65,8 @@
         "@ccbuild/stats-query": "*",
         "@ccbuild/transformer": "*",
         "@ccbuild/utils": "*",
-        "@rollup/plugin-replace": "5.0.7",
+        "@cocos/rollup-plugin-typescript": "^12.1.2-cocos.2",
+        "@cocos/typescript": "^4.9.5-cocos.3",
         "@rollup/pluginutils": "5.1.0",
         "@types/babel__core": "7.1.20",
         "@types/babel__generator": "7.6.4",
@@ -77,7 +78,6 @@
         "fs-extra": "~11.1.1",
         "glob": "~7.2.0",
         "json5": "^2.2.3",
-        "magic-string": "^0.30.10",
         "resolve": "^1.22.1",
         "semver": "~7.5.3"
       },
@@ -91,7 +91,7 @@
         "del": "^6.1.1"
       },
       "optionalDependencies": {
-        "rollup-plugin-visualizer": "5.9.2"
+        "rollup-plugin-visualizer": "^5.12.0"
       }
     },
     "modules/build-engine/node_modules/ast-kit": {
@@ -106,88 +106,6 @@
         "node": ">=16.14.0"
       }
     },
-    "modules/build-engine/node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "modules/build-engine/node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "optional": true,
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "modules/build-engine/node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "optional": true,
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "modules/build-engine/node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmmirror.com/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "optional": true,
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "modules/build-engine/node_modules/rollup-plugin-visualizer": {
-      "version": "5.9.2",
-      "resolved": "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.9.2.tgz",
-      "integrity": "sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==",
-      "optional": true,
-      "dependencies": {
-        "open": "^8.4.0",
-        "picomatch": "^2.3.1",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "bin": {
-        "rollup-plugin-visualizer": "dist/bin/cli.js"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "rollup": "2.x || 3.x"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "modules/build-engine/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "optional": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "modules/bundler": {
       "name": "@ccbuild/bundler",
       "version": "1.0.0",
@@ -195,25 +113,25 @@
       "dependencies": {
         "@cocos/rollup-plugin-node-resolve": "^15.3.0",
         "@cocos/rollup-plugin-terser": "^0.4.5",
-        "@rollup/plugin-babel": "^6.0.3",
+        "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^26.0.1",
         "@rollup/plugin-json": "^6.1.0",
         "@rollup/plugin-typescript": "~11.1.6",
         "@rollup/plugin-virtual": "^3.0.2",
         "fs-extra": "~11.1.1",
         "glob": "~7.2.0",
-        "rollup": "^4.20.0"
+        "rollup": "^4.27.4"
       },
       "devDependencies": {
         "@types/glob": "~7.2.0"
       }
     },
     "modules/bundler/node_modules/rollup": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.20.0.tgz",
-      "integrity": "sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.27.4.tgz",
+      "integrity": "sha512-RLKxqHEMjh/RGLsDxAEsaLO3mWgyoU6x9w6n1ikAzet4B3gI2/3yP6PWY2p9QzRTh6MfEIXB3MwsOY0Iv3vNrw==",
       "dependencies": {
-        "@types/estree": "1.0.5"
+        "@types/estree": "1.0.6"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -223,22 +141,24 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.20.0",
-        "@rollup/rollup-android-arm64": "4.20.0",
-        "@rollup/rollup-darwin-arm64": "4.20.0",
-        "@rollup/rollup-darwin-x64": "4.20.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.20.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.20.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.20.0",
-        "@rollup/rollup-linux-arm64-musl": "4.20.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.20.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.20.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.20.0",
-        "@rollup/rollup-linux-x64-gnu": "4.20.0",
-        "@rollup/rollup-linux-x64-musl": "4.20.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.20.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.20.0",
-        "@rollup/rollup-win32-x64-msvc": "4.20.0",
+        "@rollup/rollup-android-arm-eabi": "4.27.4",
+        "@rollup/rollup-android-arm64": "4.27.4",
+        "@rollup/rollup-darwin-arm64": "4.27.4",
+        "@rollup/rollup-darwin-x64": "4.27.4",
+        "@rollup/rollup-freebsd-arm64": "4.27.4",
+        "@rollup/rollup-freebsd-x64": "4.27.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.27.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.27.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.27.4",
+        "@rollup/rollup-linux-arm64-musl": "4.27.4",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.27.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.27.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.27.4",
+        "@rollup/rollup-linux-x64-gnu": "4.27.4",
+        "@rollup/rollup-linux-x64-musl": "4.27.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.27.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.27.4",
+        "@rollup/rollup-win32-x64-msvc": "4.27.4",
         "fsevents": "~2.3.2"
       }
     },
@@ -316,6 +236,7 @@
       "license": "ISC",
       "dependencies": {
         "@babel/core": "^7.20.12",
+        "@babel/generator": "^7.22.10",
         "@babel/helper-module-imports": "7.18.6",
         "@babel/parser": "^7.20.13",
         "@babel/plugin-syntax-decorators": "^7.19.0",
@@ -324,6 +245,7 @@
         "@babel/plugin-transform-modules-systemjs": "~7.22.5",
         "@babel/preset-env": "^7.20.2",
         "@babel/traverse": "^7.20.13",
+        "@babel/types": "^7.22.10",
         "@cocos/babel-plugin-dynamic-import-vars": "^1.0.2",
         "@cocos/creator-programming-babel-preset-cc": "1.0.1-alpha.5",
         "@types/babel__core": "7.1.20",
@@ -2827,6 +2749,32 @@
         }
       }
     },
+    "node_modules/@cocos/rollup-plugin-typescript": {
+      "version": "12.1.2-cocos.2",
+      "resolved": "https://registry.npmjs.org/@cocos/rollup-plugin-typescript/-/rollup-plugin-typescript-12.1.2-cocos.2.tgz",
+      "integrity": "sha512-2LTq+/WaHrw7r7oS+5duZgx6eioTxlYWeHctVUZbFf11LGEfBkDFdBPdsIt/DU7XMuPlsfUzuEp5RZ98IPAgsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cocos/typescript": "^4.9.5-cocos.2",
+        "@rollup/pluginutils": "^5.1.0",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.14.0||^3.0.0||^4.0.0",
+        "tslib": "*"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        },
+        "tslib": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@cocos/tfig": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/@cocos/tfig/-/tfig-3.3.3.tgz",
@@ -2867,6 +2815,19 @@
         "yargs-parser": "^13.1.2"
       }
     },
+    "node_modules/@cocos/typescript": {
+      "version": "4.9.5-cocos.3",
+      "resolved": "https://registry.npmjs.org/@cocos/typescript/-/typescript-4.9.5-cocos.3.tgz",
+      "integrity": "sha512-nlcFkeL/STId5Minop61M1lkMAKYXcKrLPW0McdxCx2H6ESkGExxZesuiBRiNlUfZudAEKkvPKEoiRhntzaspA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "dev": true,
@@ -3546,8 +3507,9 @@
       }
     },
     "node_modules/@rollup/plugin-babel": {
-      "version": "6.0.3",
-      "license": "MIT",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.4.tgz",
+      "integrity": "sha512-YF7Y52kFdFT/xVSuVdjkV5ZdX/3YtmX0QulG+x0taQOtJdHYzVU61aSSkAgVJ7NOv6qPkIYiJSgSWWN/DM5sGw==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.18.6",
         "@rollup/pluginutils": "^5.0.1"
@@ -3558,7 +3520,7 @@
       "peerDependencies": {
         "@babel/core": "^7.0.0",
         "@types/babel__core": "^7.1.9",
-        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
       },
       "peerDependenciesMeta": {
         "@types/babel__core": {
@@ -3653,26 +3615,6 @@
         }
       }
     },
-    "node_modules/@rollup/plugin-replace": {
-      "version": "5.0.7",
-      "resolved": "https://registry.npmmirror.com/@rollup/plugin-replace/-/plugin-replace-5.0.7.tgz",
-      "integrity": "sha512-PqxSfuorkHz/SPpyngLyg5GCEkOcee9M1bkxiVDr41Pd61mqP1PLOoDPbpl44SB2mQGKwV/In74gqQmGITOhEQ==",
-      "dependencies": {
-        "@rollup/pluginutils": "^5.0.1",
-        "magic-string": "^0.30.3"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@rollup/plugin-typescript": {
       "version": "11.1.6",
       "resolved": "https://registry.npmmirror.com/@rollup/plugin-typescript/-/plugin-typescript-11.1.6.tgz",
@@ -3736,9 +3678,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz",
-      "integrity": "sha512-TSpWzflCc4VGAUJZlPpgAJE1+V60MePDQnBd7PPkpuEmOy8i87aL6tinFGKBFKuEDikYpig72QzdT3QPYIi+oA==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
+      "integrity": "sha512-2Y3JT6f5MrQkICUyRVCw4oa0sutfAsgaSsb0Lmmy1Wi2y7X5vT9Euqw4gOsCyy0YfKURBg35nhUKZS4mDcfULw==",
       "cpu": [
         "arm"
       ],
@@ -3748,9 +3690,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.20.0.tgz",
-      "integrity": "sha512-u00Ro/nok7oGzVuh/FMYfNoGqxU5CPWz1mxV85S2w9LxHR8OoMQBuSk+3BKVIDYgkpeOET5yXkx90OYFc+ytpQ==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.4.tgz",
+      "integrity": "sha512-wzKRQXISyi9UdCVRqEd0H4cMpzvHYt1f/C3CoIjES6cG++RHKhrBj2+29nPF0IB5kpy9MS71vs07fvrNGAl/iA==",
       "cpu": [
         "arm64"
       ],
@@ -3760,9 +3702,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.20.0.tgz",
-      "integrity": "sha512-uFVfvzvsdGtlSLuL0ZlvPJvl6ZmrH4CBwLGEFPe7hUmf7htGAN+aXo43R/V6LATyxlKVC/m6UsLb7jbG+LG39Q==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.4.tgz",
+      "integrity": "sha512-PlNiRQapift4LNS8DPUHuDX/IdXiLjf8mc5vdEmUR0fF/pyy2qWwzdLjB+iZquGr8LuN4LnUoSEvKRwjSVYz3Q==",
       "cpu": [
         "arm64"
       ],
@@ -3772,9 +3714,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.20.0.tgz",
-      "integrity": "sha512-xbrMDdlev53vNXexEa6l0LffojxhqDTBeL+VUxuuIXys4x6xyvbKq5XqTXBCEUA8ty8iEJblHvFaWRJTk/icAQ==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.4.tgz",
+      "integrity": "sha512-o9bH2dbdgBDJaXWJCDTNDYa171ACUdzpxSZt+u/AAeQ20Nk5x+IhA+zsGmrQtpkLiumRJEYef68gcpn2ooXhSQ==",
       "cpu": [
         "x64"
       ],
@@ -3783,10 +3725,34 @@
         "darwin"
       ]
     },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.4.tgz",
+      "integrity": "sha512-NBI2/i2hT9Q+HySSHTBh52da7isru4aAAo6qC3I7QFVsuhxi2gM8t/EI9EVcILiHLj1vfi+VGGPaLOUENn7pmw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.4.tgz",
+      "integrity": "sha512-wYcC5ycW2zvqtDYrE7deary2P2UFmSh85PUpAx+dwTCO9uw3sgzD6Gv9n5X4vLaQKsrfTSZZ7Z7uynQozPVvWA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.20.0.tgz",
-      "integrity": "sha512-jMYvxZwGmoHFBTbr12Xc6wOdc2xA5tF5F2q6t7Rcfab68TT0n+r7dgawD4qhPEvasDsVpQi+MgDzj2faOLsZjA==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.4.tgz",
+      "integrity": "sha512-9OwUnK/xKw6DyRlgx8UizeqRFOfi9mf5TYCw1uolDaJSbUmBxP85DE6T4ouCMoN6pXw8ZoTeZCSEfSaYo+/s1w==",
       "cpu": [
         "arm"
       ],
@@ -3796,9 +3762,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.20.0.tgz",
-      "integrity": "sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.4.tgz",
+      "integrity": "sha512-Vgdo4fpuphS9V24WOV+KwkCVJ72u7idTgQaBoLRD0UxBAWTF9GWurJO9YD9yh00BzbkhpeXtm6na+MvJU7Z73A==",
       "cpu": [
         "arm"
       ],
@@ -3808,9 +3774,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.20.0.tgz",
-      "integrity": "sha512-COBb8Bkx56KldOYJfMf6wKeYJrtJ9vEgBRAOkfw6Ens0tnmzPqvlpjZiLgkhg6cA3DGzCmLmmd319pmHvKWWlQ==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.4.tgz",
+      "integrity": "sha512-pleyNgyd1kkBkw2kOqlBx+0atfIIkkExOTiifoODo6qKDSpnc6WzUY5RhHdmTdIJXBdSnh6JknnYTtmQyobrVg==",
       "cpu": [
         "arm64"
       ],
@@ -3820,9 +3786,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.20.0.tgz",
-      "integrity": "sha512-+it+mBSyMslVQa8wSPvBx53fYuZK/oLTu5RJoXogjk6x7Q7sz1GNRsXWjn6SwyJm8E/oMjNVwPhmNdIjwP135Q==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.4.tgz",
+      "integrity": "sha512-caluiUXvUuVyCHr5DxL8ohaaFFzPGmgmMvwmqAITMpV/Q+tPoaHZ/PWa3t8B2WyoRcIIuu1hkaW5KkeTDNSnMA==",
       "cpu": [
         "arm64"
       ],
@@ -3832,9 +3798,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.20.0.tgz",
-      "integrity": "sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.4.tgz",
+      "integrity": "sha512-FScrpHrO60hARyHh7s1zHE97u0KlT/RECzCKAdmI+LEoC1eDh/RDji9JgFqyO+wPDb86Oa/sXkily1+oi4FzJQ==",
       "cpu": [
         "ppc64"
       ],
@@ -3844,9 +3810,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.20.0.tgz",
-      "integrity": "sha512-qmuxFpfmi/2SUkAw95TtNq/w/I7Gpjurx609OOOV7U4vhvUhBcftcmXwl3rqAek+ADBwSjIC4IVNLiszoj3dPA==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.4.tgz",
+      "integrity": "sha512-qyyprhyGb7+RBfMPeww9FlHwKkCXdKHeGgSqmIXw9VSUtvyFZ6WZRtnxgbuz76FK7LyoN8t/eINRbPUcvXB5fw==",
       "cpu": [
         "riscv64"
       ],
@@ -3856,9 +3822,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.20.0.tgz",
-      "integrity": "sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.4.tgz",
+      "integrity": "sha512-PFz+y2kb6tbh7m3A7nA9++eInGcDVZUACulf/KzDtovvdTizHpZaJty7Gp0lFwSQcrnebHOqxF1MaKZd7psVRg==",
       "cpu": [
         "s390x"
       ],
@@ -3868,9 +3834,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.20.0.tgz",
-      "integrity": "sha512-y+eoL2I3iphUg9tN9GB6ku1FA8kOfmF4oUEWhztDJ4KXJy1agk/9+pejOuZkNFhRwHAOxMsBPLbXPd6mJiCwew==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.4.tgz",
+      "integrity": "sha512-Ni8mMtfo+o/G7DVtweXXV/Ol2TFf63KYjTtoZ5f078AUgJTmaIJnj4JFU7TK/9SVWTaSJGxPi5zMDgK4w+Ez7Q==",
       "cpu": [
         "x64"
       ],
@@ -3880,9 +3846,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.20.0.tgz",
-      "integrity": "sha512-hM3nhW40kBNYUkZb/r9k2FKK+/MnKglX7UYd4ZUy5DJs8/sMsIbqWK2piZtVGE3kcXVNj3B2IrUYROJMMCikNg==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.4.tgz",
+      "integrity": "sha512-5AeeAF1PB9TUzD+3cROzFTnAJAcVUGLuR8ng0E0WXGkYhp6RD6L+6szYVX+64Rs0r72019KHZS1ka1q+zU/wUw==",
       "cpu": [
         "x64"
       ],
@@ -3892,9 +3858,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.20.0.tgz",
-      "integrity": "sha512-psegMvP+Ik/Bg7QRJbv8w8PAytPA7Uo8fpFjXyCRHWm6Nt42L+JtoqH8eDQ5hRP7/XW2UiIriy1Z46jf0Oa1kA==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.4.tgz",
+      "integrity": "sha512-yOpVsA4K5qVwu2CaS3hHxluWIK5HQTjNV4tWjQXluMiiiu4pJj4BN98CvxohNCpcjMeTXk/ZMJBRbgRg8HBB6A==",
       "cpu": [
         "arm64"
       ],
@@ -3904,9 +3870,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.20.0.tgz",
-      "integrity": "sha512-GabekH3w4lgAJpVxkk7hUzUf2hICSQO0a/BLFA11/RMxQT92MabKAqyubzDZmMOC/hcJNlc+rrypzNzYl4Dx7A==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.4.tgz",
+      "integrity": "sha512-KtwEJOaHAVJlxV92rNYiG9JQwQAdhBlrjNRp7P9L8Cb4Rer3in+0A+IPhJC9y68WAi9H0sX4AiG2NTsVlmqJeQ==",
       "cpu": [
         "ia32"
       ],
@@ -3916,9 +3882,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.20.0.tgz",
-      "integrity": "sha512-aJ1EJSuTdGnM6qbVC4B5DSmozPTqIag9fSzXRNNo+humQLG89XpPgdt16Ia56ORD7s+H8Pmyx44uczDQ0yDzpg==",
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.4.tgz",
+      "integrity": "sha512-3j4jx1TppORdTAoBJRd+/wJRGCPC0ETWkXOecJ6PPZLj6SptXkrXcNqdj0oclbKML6FkQltdz7bBA3rUSirZug==",
       "cpu": [
         "x64"
       ],
@@ -4012,9 +3978,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
     },
     "node_modules/@types/fs-extra": {
       "version": "9.0.13",
@@ -5144,6 +5110,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/define-properties": {
       "version": "1.2.0",
       "dev": true,
@@ -6553,6 +6528,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "optional": true,
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "license": "MIT",
@@ -6761,6 +6751,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "optional": true,
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/isarray": {
       "version": "2.0.5",
       "dev": true,
@@ -7948,6 +7950,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "optional": true,
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.3",
       "dev": true,
@@ -8608,6 +8627,41 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz",
+      "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==",
+      "optional": true,
+      "dependencies": {
+        "open": "^8.4.0",
+        "picomatch": "^2.3.1",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rollup-plugin-visualizer/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "optional": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "funding": [
diff --git a/package.json b/package.json
index 718fdef4..8a5f86e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cocos/ccbuild",
-  "version": "2.2.20",
+  "version": "2.3.0",
   "description": "The next generation of build tool for Cocos engine.",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
diff --git a/scripts/test-build-cocos.js b/scripts/test-build-cocos.js
index 0de5f1d3..ad529e16 100644
--- a/scripts/test-build-cocos.js
+++ b/scripts/test-build-cocos.js
@@ -25,7 +25,7 @@ const argv = process.argv;
         "out": outDir,
         "platform": "WECHAT",
         "moduleFormat": "system",
-        "compress": true,
+        "compress": false,
         "split": false,
         "nativeCodeBundleMode": "wasm",
         "assetURLFormat": "relative-from-out",
@@ -34,19 +34,21 @@ const argv = process.argv;
         // "features": ["2d", "3d", "animation", "audio", "base", "debug-renderer", "dragon-bones", "geometry-renderer", "gfx-webgl", "intersection-2d", "legacy-pipeline", "light-probe", "particle", "particle-2d", "physics-2d-builtin", "physics-cannon", "primitive", "profiler", "skeletal-animation", "spine", "terrain", "tiled-map", "tween", "ui", "video", "websocket", "webview"],
         // "features":["gfx-webgl2"],
         "features": ["2d","audio","base","gfx-webgl2","legacy-pipeline","ui"], //,"animation","spine","tween"
+        // "features": ["mangle-private-properties-test"],
         // "features":["base", "audio", "2d", "ui", "gfx-webgl2"],
         "loose": true,
         "mode": "BUILD",
         "flags": {
             "DEBUG": false,
-            ONLY_2D: true,
+            // ONLY_2D: true,
             "WEBGPU": false
         },
         // "metaFile": ps.join(outDir, "meta.json"),
         // "incremental": ps.join(outDir, "watch-files.json"),
         "wasmCompressionMode": 'brotli',
-        "visualize": true,
-        "inlineEnum": true,
+        // "visualize": true,
+        // "inlineEnum": true,
+        mangleProperties: true,
     };
 
     await ensureDir(outDir);
diff --git a/test/build-engine/__snapshots__/engine-js.test.ts.snap b/test/build-engine/__snapshots__/engine-js.test.ts.snap
index ba8492d3..9c2cd94e 100644
--- a/test/build-engine/__snapshots__/engine-js.test.ts.snap
+++ b/test/build-engine/__snapshots__/engine-js.test.ts.snap
@@ -1,5 +1,832 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`engine-js HTML5 mangle private properties 1`] = `
+[
+  "cc.js",
+]
+`;
+
+exports[`engine-js HTML5 mangle private properties 2`] = `
+"function _initializerDefineProperty(target, property, descriptor, context) {
+  if (!descriptor) return;
+  Object.defineProperty(target, property, {
+    enumerable: descriptor.enumerable,
+    configurable: descriptor.configurable,
+    writable: descriptor.writable,
+    value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
+  });
+}
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
+  var desc = {};
+  Object.keys(descriptor).forEach(function (key) {
+    desc[key] = descriptor[key];
+  });
+  desc.enumerable = !!desc.enumerable;
+  desc.configurable = !!desc.configurable;
+  if ('value' in desc || desc.initializer) {
+    desc.writable = true;
+  }
+  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
+    return decorator(target, property, desc) || desc;
+  }, desc);
+  if (desc.initializer === void 0) {
+    Object.defineProperty(target, property, desc);
+    desc = null;
+  }
+  return desc;
+}
+
+class MangleWholeClassBase {
+  constructor() {
+    this._ccprivate$mangleWholeClassBaseProtectedProp1 = 123;
+  }
+  _ccprivate$helloMangleWholeClassBaseProtectedMethod1() {}
+  _ccprivate$helloMangleWholeClassBasePublicMethod1() {}
+}
+class MangleWholeClass extends MangleWholeClassBase {
+  constructor() {
+    super();
+    this.mangleWholeClassPublicProp1 = 123;
+    this.mangleWholeClassProtectedProp2 = 123;
+    this._ccprivate$mangleWholeClassPrivateProp3 = 123;
+    this._ccprivate$iMangleWholeClassInterfaceProp1 = 1;
+    this._ccprivate$iMangleWholeClassInterfaceProp2 = 'hello';
+    this.helloMangleWholeClassPublicMethod1();
+    this.helloMangleWholeClassProtectedMethod2();
+    this._ccprivate$helloMangleWholeClassPrivateMethod3();
+    this._ccprivate$helloMangleWholeClassBaseProtectedMethod1();
+  }
+  _ccprivate$helloMangleWholeClassInterfaceMethod1() {}
+  getMangleWholeClassPrivateProp3() {
+    return this._ccprivate$mangleWholeClassPrivateProp3;
+  }
+  helloMangleWholeClassPublicMethod1() {}
+  helloMangleWholeClassProtectedMethod2() {}
+  _ccprivate$helloMangleWholeClassPrivateMethod3() {}
+}
+class MyClassExtendsMangleWholeClass extends MangleWholeClass {
+  constructor() {
+    super();
+    this._ccprivate$subclassExtendsMangleWholeProp1 = 123;
+    this.subclassExtendsMangleWholeProp2 = 123;
+    this.subclassExtendsMangleWholeProp3 = 123;
+    this.helloMangleWholeClassPublicMethod1();
+    this.helloMangleWholeClassProtectedMethod2();
+  }
+  helloMangleWholeClassProtectedMethod2() {
+    this._ccprivate$subclassExtendsMangleWholeProp1 = 123;
+    this.subclassExtendsMangleWholeProp2 = 123;
+    this.subclassExtendsMangleWholeProp3 = 123;
+  }
+  getSubclassExtendsMangleWholeProp1() {
+    return this._ccprivate$subclassExtendsMangleWholeProp1;
+  }
+  helloSubclassExtendsMangleWholeMethod1() {}
+}
+class ManglePropertyGrand {
+  constructor() {
+    this._ccprivate$_grandPropMangle2 = 0;
+    this._ccprivate$_grandPropMangle1 = 0;
+    this._grandProtectedPropDontMangle = 1;
+    this._ccprivate$_grandProtectedPropMangle = 1;
+    this._ccprivate$grandPublicPropMangle = 2;
+    this._ccprivate$iGrandPublicPropMangleMe = 3;
+    this.iGrandPublicPropMangleJsDocButInDontMangleList = 0;
+  }
+  get _ccprivate$iGrandPropMangle() {
+    return this._ccprivate$_grandPropMangle2;
+  }
+  set _ccprivate$iGrandPropMangle(value) {
+    this._ccprivate$_grandPropMangle2 = value;
+  }
+  _ccprivate$helloGrandMangleInMangleList() {}
+  helloGrandDontMangle1() {
+    this._ccprivate$_grandPrivateMethod();
+  }
+  helloGrandDontMangleMe() {}
+  _ccprivate$helloGrandMangleMeProtected() {}
+  _ccprivate$helloGrandMangleMe3() {}
+  _ccprivate$_grandPrivateMethod() {
+    this._ccprivate$_grandPropMangle1 = 123;
+  }
+  get grandPropDontMangle() {
+    return this._ccprivate$_grandPropMangle1;
+  }
+  set grandPropDontMangle(value) {
+    this._ccprivate$_grandPropMangle1 = value;
+  }
+}
+class ManglePropertyBase extends ManglePropertyGrand {
+  helloGrandAbstractDontMangle() {
+    this._grandProtectedPropDontMangle = 444;
+    this._ccprivate$_grandProtectedPropMangle = 555;
+  }
+  _ccprivate$helloGrandAbstractMangleMe() {}
+  helloGrandDontMangle1() {}
+  _ccprivate$helloGrandMangleMePublic() {}
+  _ccprivate$helloGrandMangleMeProtected() {}
+  _ccprivate$helloGrandMangleMe3() {
+    super._ccprivate$helloGrandMangleMe3();
+  }
+  constructor() {
+    super();
+    this._ccprivate$_baseProp = 0;
+    this._baseProtectedProp = 1;
+    this._ccprivate$_basePublicProp1Mangle = 2;
+    this._basePublicProp2DontMangle = 3;
+    this._ccprivate$_mangleMeProp = 123;
+    this._ccprivate$_mangleMeProp2 = 'hello';
+    this._dontMangleMeProp = 1233;
+    this.dontMangleMeProp2 = 'hello3';
+    this.dontMangleMeProp3 = 1234;
+    this._ccprivate$_basePrivateMethod();
+    this._ccprivate$declarePropMangle = 'world';
+    this.declarePropDontMangle = 123;
+  }
+  _ccprivate$_basePrivateMethod() {
+    this._dontMangleMeProp = 444;
+    this.dontMangleMe();
+    console.log(this._ccprivate$privateGetterMangle);
+  }
+  get dontMangleMePropGetter() {
+    return this._dontMangleMeProp;
+  }
+  get _ccprivate$privateGetterMangle() {
+    return this._ccprivate$_mangleMeProp;
+  }
+  _ccprivate$basePublicMethod() {}
+  _ccprivate$mangleMe() {}
+  _ccprivate$mangleMe2() {}
+  dontMangleMe() {}
+  dontMangleMe2() {}
+  dontMangleMe3() {}
+}
+const MangleTestMyBaseEnum = {
+  HELLO: 123444,
+  WORLD: 123445,
+  FOO: 123,
+  BAR: 124,
+  TS: 125,
+  BABEL: 126
+};
+
+var _class, _descriptor, _class2;
+const dontmangle = function (target, propertyKey) {};
+const MangleTestMyEnum = {
+  AAA: 0,
+  BBB: 1,
+  CCC: 123,
+  DDD: 124
+};
+const MangleTestMyStringEnum = {
+  AAA: "aaa",
+  BBB: "bbb",
+  CCC: "ccc"
+};
+const MangleTestConstEnum = {
+  CONST_A: 1,
+  CONST_B: 2,
+  "space key": 3,
+  "space key2": 4
+};
+console.log(\`MangleTestConstEnum.CONST_A: \${MangleTestConstEnum.CONST_A}\`);
+console.log(\`MangleTestConstEnum.CONST_B: \${MangleTestConstEnum.CONST_B}\`);
+console.log(\`MangleTestConstEnum['space key']: \${MangleTestConstEnum['space key']}\`);
+console.log(\`MangleTestConstEnum["space key2"]: \${MangleTestConstEnum["space key2"]}\`);
+let ManglePrivatePropertiesTest = (_class = (_class2 = class ManglePrivatePropertiesTest extends ManglePropertyBase {
+  _ccprivate$instanceMethod() {}
+  static staticMethod() {}
+  get accessorProp0() {
+    return this._ccprivate$myProp0;
+  }
+  set accessorProp0(value) {
+    this._ccprivate$myProp0 = value;
+  }
+  constructor() {
+    super();
+    this._ccprivate$instanceProperty = '';
+    this._ccprivate$myProp0 = 123;
+    this._ccprivate$myProp1 = 456;
+    _initializerDefineProperty(this, "myProp222", _descriptor, this);
+    this._ccprivate$myProp2 = void 0;
+    this._ccprivate$myProp3 = void 0;
+    this._ccprivate$_myEnum1 = 1;
+    this._ccprivate$_myEnum2 = 124;
+    this._ccprivate$_myStringEnum = "ccc";
+    this._ccprivate$_myConstEnum = 2;
+    this._ccprivate$_myConstEnum2 = 3;
+    this._ccprivate$_myConstEnum3 = 4;
+    this._ccprivate$publicProp1 = 123;
+    this._ccprivate$publicProp2 = 'hello';
+    this._ccprivate$interfaceProp1 = 1;
+    this.interfaceProp2 = '2';
+    this._ccprivate$myProp2 = 123;
+    this._ccprivate$myProp4 = 789;
+    this.publicProp3 = 456;
+    this.dontMangleMeProp2 = 'world';
+    this.dontMangleMe2();
+  }
+  _ccprivate$helloInterface1() {}
+  helloInterface2(v) {
+    return v.length;
+  }
+  _ccprivate$helloIntEnum(value) {
+    console.log(value);
+    this._ccprivate$_myConstEnum3 = 3;
+    this._ccprivate$_myConstEnum2 = 4;
+  }
+  _ccprivate$helloStringEnum(value) {
+    console.log(value);
+  }
+  get myEnum1() {
+    return this._ccprivate$_myEnum1;
+  }
+  get myEnum2() {
+    return this._ccprivate$_myEnum2;
+  }
+  get myStringEnum() {
+    return this._ccprivate$_myStringEnum;
+  }
+  getFoo() {
+    this._ccprivate$instanceMethod();
+    ManglePrivatePropertiesTest.staticMethod();
+    ManglePrivatePropertiesTest.staticProperty = 'bar';
+    this._baseProtectedProp = 323;
+    this._ccprivate$_basePublicProp1Mangle = 324;
+    this._basePublicProp2DontMangle = 325;
+    this.myProp222 = 0;
+    this._ccprivate$myProp4 = 1;
+    this._ccprivate$helloIntEnum(0);
+    this._ccprivate$helloStringEnum("aaa");
+    return this._ccprivate$instanceProperty;
+  }
+  _ccprivate$helloGrandMangleInMangleList() {
+    super._ccprivate$helloGrandMangleInMangleList();
+  }
+  helloGrandDontMangle1() {
+    super.helloGrandDontMangle1();
+    this._grandProtectedPropDontMangle = 0;
+    this._ccprivate$_grandProtectedPropMangle = 2;
+  }
+  _ccprivate$helloGrandAbstractMangleMe() {
+    super._ccprivate$helloGrandAbstractMangleMe();
+  }
+  _ccprivate$helloGrandMangleMeProtected() {
+    super._ccprivate$helloGrandMangleMeProtected();
+  }
+}, _class2.staticProperty = '', _class2), (_descriptor = _applyDecoratedDescriptor(_class.prototype, "myProp222", [dontmangle], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return 789;
+  }
+})), _class);
+console.log(126);
+console.log(123444);
+console.log(123);
+function doManglePrivatePropertiesTestPublic(obj) {
+  console.log(\`--------------------------\`);
+  obj._ccprivate$publicProp1 = 456;
+  obj._ccprivate$publicProp2 = 'world';
+  obj.publicProp3 = 789;
+  obj._ccprivate$_basePublicProp1Mangle = 100;
+  obj._basePublicProp2DontMangle = 200;
+  obj._ccprivate$basePublicMethod();
+  obj._ccprivate$declarePropMangle = 'world';
+  console.log(\`--------------------------\`);
+  const base = obj;
+  base._ccprivate$_basePublicProp1Mangle = 101;
+  base._basePublicProp2DontMangle = 201;
+  base._ccprivate$basePublicMethod();
+  base._ccprivate$declarePropMangle = 'hello';
+  console.log(\`--------------------------\`);
+  obj._ccprivate$helloInterface1();
+  obj.helloInterface2('world');
+  obj._ccprivate$interfaceProp1 = 12344;
+  obj.interfaceProp2 = 'world33';
+  console.log(\`--------------------------\`);
+  const intf = obj;
+  intf._ccprivate$helloInterface1();
+  intf.helloInterface2('world');
+  if (intf._ccprivate$helloInterface3) {
+    intf._ccprivate$helloInterface3('world');
+  }
+  intf._ccprivate$interfaceProp1 = 123;
+  intf.interfaceProp2 = 'world';
+  intf.interfaceProp3 = true;
+  console.log(\`--------------------------\`);
+  obj.grandPropDontMangle = obj.grandPropDontMangle + 1;
+  obj._ccprivate$grandPublicPropMangle = obj._ccprivate$grandPublicPropMangle + 1;
+  obj.helloGrandDontMangle1();
+  obj.helloGrandDontMangleMe();
+  obj._ccprivate$helloGrandMangleMe3();
+  obj._ccprivate$helloGrandMangleMePublic();
+  obj._ccprivate$iGrandPropMangle = obj._ccprivate$iGrandPropMangle + 1;
+  obj.iGrandPublicPropMangleJsDocButInDontMangleList = obj.iGrandPublicPropMangleJsDocButInDontMangleList + 1;
+  console.log(\`--------------------------\`);
+  const grand = obj;
+  grand.grandPropDontMangle = grand.grandPropDontMangle + 1;
+  grand._ccprivate$grandPublicPropMangle = grand._ccprivate$grandPublicPropMangle + 1;
+  grand.helloGrandDontMangle1();
+  grand.helloGrandDontMangleMe();
+  grand._ccprivate$helloGrandMangleMe3();
+  grand._ccprivate$helloGrandMangleMePublic();
+  grand._ccprivate$iGrandPropMangle = grand._ccprivate$iGrandPropMangle + 1;
+  grand.iGrandPublicPropMangleJsDocButInDontMangleList = grand.iGrandPublicPropMangleJsDocButInDontMangleList + 1;
+  console.log(\`--------------------------\`);
+  const iGrand = obj;
+  iGrand.helloGrandDontMangle1();
+  iGrand._ccprivate$helloGrandMangleMe3();
+  iGrand._ccprivate$iGrandPublicPropMangleMe = iGrand._ccprivate$iGrandPublicPropMangleMe + 1;
+  iGrand._ccprivate$iGrandPropMangle = iGrand._ccprivate$iGrandPropMangle + 1;
+  iGrand.iGrandPublicPropMangleJsDocButInDontMangleList = iGrand.iGrandPublicPropMangleJsDocButInDontMangleList + 1;
+}
+doManglePrivatePropertiesTestPublic(new ManglePrivatePropertiesTest());
+(obj => {
+  obj._ccprivate$_mangleMeProp = 333;
+  obj._ccprivate$_mangleMeProp2 = 'world';
+  obj.dontMangleMeProp3 = 444;
+  obj._ccprivate$mangleMe();
+  obj._ccprivate$mangleMe2();
+  obj.dontMangleMe3();
+})(new ManglePrivatePropertiesTest());
+(() => {
+  console.log(\`test interface 2\`);
+  const intf = {
+    _ccprivate$helloInterface1() {},
+    helloInterface2() {
+      return 0;
+    },
+    _ccprivate$interfaceProp1: 123,
+    interfaceProp2: 'world',
+    interfaceProp3: true
+  };
+  intf._ccprivate$helloInterface1();
+  intf.helloInterface2('world');
+  if (intf._ccprivate$helloInterface3) {
+    intf._ccprivate$helloInterface3('world');
+  }
+  intf._ccprivate$interfaceProp1 = 123;
+  intf.interfaceProp2 = 'world';
+  intf.interfaceProp3 = true;
+  console.log(\`--------------------------\`);
+  const {
+    _ccprivate$helloInterface1: helloInterface1,
+    helloInterface2,
+    _ccprivate$helloInterface3: helloInterface3,
+    _ccprivate$interfaceProp1: interfaceProp1,
+    interfaceProp2,
+    interfaceProp3
+  } = intf;
+  helloInterface1();
+  helloInterface2('world');
+  if (helloInterface3) helloInterface3('world');
+  console.log(interfaceProp1);
+  console.log(interfaceProp2);
+  console.log(interfaceProp3);
+})();
+(() => {
+  const a = {
+    _ccprivate$blockOffsets: [],
+    _ccprivate$samplerTextureOffsets: [],
+    _ccprivate$flexibleSet: 0
+  };
+  console.log(a._ccprivate$blockOffsets, a._ccprivate$samplerTextureOffsets, a._ccprivate$flexibleSet);
+  console.log(\`--------------------------\`);
+  const b = new MangleWholeClass();
+  b.mangleWholeClassPublicProp1 = 456;
+  b.getMangleWholeClassPrivateProp3();
+  b.helloMangleWholeClassPublicMethod1();
+  console.log(\`--------------------------\`);
+  const c = new MyClassExtendsMangleWholeClass();
+  c.mangleWholeClassPublicProp1 = 456;
+  c.getMangleWholeClassPrivateProp3();
+  c.helloMangleWholeClassPublicMethod1();
+  c.helloSubclassExtendsMangleWholeMethod1();
+  c.getSubclassExtendsMangleWholeProp1();
+  c._ccprivate$helloMangleWholeClassBasePublicMethod1();
+  c._ccprivate$helloMangleWholeClassInterfaceMethod1();
+  c._ccprivate$iMangleWholeClassInterfaceProp1 = 2;
+  c._ccprivate$iMangleWholeClassInterfaceProp2 = 'world';
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture --------------------------\`);
+  const width = 123;
+  let aaaaaaaaa;
+  aaaaaaaaa = undefined;
+  aaaaaaaaa = {
+    _ccprivate$width: width,
+    height: width,
+    depth: width,
+    _ccprivate$size: 0,
+    arrayLayer: 0,
+    mipLevel: 0,
+    _ccprivate$isPowerOf2: false,
+    glTarget: 0,
+    glInternalFmt: 0,
+    glFormat: 0,
+    glType: 0,
+    glUsage: 0,
+    glTexture: null,
+    glRenderbuffer: null,
+    glWrapS: 0,
+    glWrapT: 0,
+    glMinFilter: 0,
+    glMagFilter: 0,
+    isSwapchainTexture: false,
+    get widthGetter() {
+      return 1;
+    },
+    set widthSetter(value) {},
+    _ccprivate$helloMangle() {},
+    helloDontMangle() {}
+  };
+  console.log(aaaaaaaaa._ccprivate$width);
+  console.log(aaaaaaaaa.height);
+  console.log(aaaaaaaaa.depth);
+  console.log(aaaaaaaaa._ccprivate$size);
+  console.log(aaaaaaaaa.arrayLayer);
+  console.log(aaaaaaaaa.mipLevel);
+  console.log(aaaaaaaaa._ccprivate$isPowerOf2);
+  console.log(aaaaaaaaa.glTarget);
+  console.log(aaaaaaaaa.glInternalFmt);
+  console.log(aaaaaaaaa.glFormat);
+  console.log(aaaaaaaaa.glType);
+  console.log(aaaaaaaaa.glUsage);
+  console.log(aaaaaaaaa.glTexture);
+  console.log(aaaaaaaaa.glRenderbuffer);
+  console.log(aaaaaaaaa.glWrapS);
+  console.log(aaaaaaaaa.glWrapT);
+  console.log(aaaaaaaaa.glMinFilter);
+  console.log(aaaaaaaaa.glMagFilter);
+  console.log(aaaaaaaaa.isSwapchainTexture);
+  console.log(aaaaaaaaa.widthGetter);
+  console.log(aaaaaaaaa.widthSetter);
+  console.log(aaaaaaaaa._ccprivate$helloMangle());
+  console.log(aaaaaaaaa.helloDontMangle());
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture1 --------------------------\`);
+  const width = 123;
+  const a = {
+    _ccprivate$width: width,
+    height: 0,
+    depth: 0,
+    _ccprivate$size: 0,
+    arrayLayer: 0,
+    mipLevel: 0,
+    _ccprivate$isPowerOf2: false,
+    glTarget: 0,
+    glInternalFmt: 0,
+    glFormat: 0,
+    glType: 0,
+    glUsage: 0,
+    glTexture: null,
+    glRenderbuffer: null,
+    glWrapS: 0,
+    glWrapT: 0,
+    glMinFilter: 0,
+    glMagFilter: 0,
+    isSwapchainTexture: false,
+    get widthGetter() {
+      return 1;
+    },
+    set widthSetter(value) {},
+    _ccprivate$helloMangle() {},
+    helloDontMangle() {}
+  };
+  console.log(a._ccprivate$width);
+  console.log(a.height);
+  console.log(a.depth);
+  console.log(a._ccprivate$size);
+  console.log(a.arrayLayer);
+  console.log(a.mipLevel);
+  console.log(a._ccprivate$isPowerOf2);
+  console.log(a.glTarget);
+  console.log(a.glInternalFmt);
+  console.log(a.glFormat);
+  console.log(a.glType);
+  console.log(a.glUsage);
+  console.log(a.glTexture);
+  console.log(a.glRenderbuffer);
+  console.log(a.glWrapS);
+  console.log(a.glWrapT);
+  console.log(a.glMinFilter);
+  console.log(a.glMagFilter);
+  console.log(a.isSwapchainTexture);
+  console.log(a.widthGetter);
+  console.log(a.widthSetter);
+  console.log(a._ccprivate$helloMangle());
+  console.log(a.helloDontMangle());
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture2 --------------------------\`);
+  const width = 123;
+  let aaaaaaaaa;
+  aaaaaaaaa = undefined;
+  aaaaaaaaa = {
+    _ccprivate$width: width,
+    _ccprivate$height: 0,
+    _ccprivate$depth: 0,
+    _ccprivate$size: 0,
+    _ccprivate$arrayLayer: 0,
+    _ccprivate$mipLevel: 0,
+    _ccprivate$isPowerOf2: false,
+    _ccprivate$glTarget: 0,
+    _ccprivate$glInternalFmt: width,
+    _ccprivate$glFormat: 0,
+    _ccprivate$glType: 0,
+    _ccprivate$glUsage: 0,
+    _ccprivate$glTexture: null,
+    _ccprivate$glRenderbuffer: null,
+    _ccprivate$glWrapS: 0,
+    _ccprivate$glWrapT: 0,
+    _ccprivate$glMinFilter: 0,
+    _ccprivate$glMagFilter: 0,
+    _ccprivate$isSwapchainTexture: false,
+    get _ccprivate$widthGetter() {
+      return 1;
+    },
+    set _ccprivate$widthSetter(value) {}
+  };
+  console.log(aaaaaaaaa._ccprivate$width);
+  console.log(aaaaaaaaa._ccprivate$height);
+  console.log(aaaaaaaaa._ccprivate$depth);
+  console.log(aaaaaaaaa._ccprivate$size);
+  console.log(aaaaaaaaa._ccprivate$arrayLayer);
+  console.log(aaaaaaaaa._ccprivate$mipLevel);
+  console.log(aaaaaaaaa._ccprivate$isPowerOf2);
+  console.log(aaaaaaaaa._ccprivate$glTarget);
+  console.log(aaaaaaaaa._ccprivate$glInternalFmt);
+  console.log(aaaaaaaaa._ccprivate$glFormat);
+  console.log(aaaaaaaaa._ccprivate$glType);
+  console.log(aaaaaaaaa._ccprivate$glUsage);
+  console.log(aaaaaaaaa._ccprivate$glTexture);
+  console.log(aaaaaaaaa._ccprivate$glRenderbuffer);
+  console.log(aaaaaaaaa._ccprivate$glWrapS);
+  console.log(aaaaaaaaa._ccprivate$glWrapT);
+  console.log(aaaaaaaaa._ccprivate$glMinFilter);
+  console.log(aaaaaaaaa._ccprivate$glMagFilter);
+  console.log(aaaaaaaaa._ccprivate$isSwapchainTexture);
+  console.log(aaaaaaaaa._ccprivate$widthGetter);
+  console.log(aaaaaaaaa._ccprivate$widthSetter);
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture3 --------------------------\`);
+  const width = 123;
+  let aaaaaaaaa;
+  aaaaaaaaa = undefined;
+  aaaaaaaaa = {
+    _ccprivate$width: width,
+    height: 0,
+    depth: 0,
+    _ccprivate$size: 0,
+    arrayLayer: 0,
+    mipLevel: 0,
+    _ccprivate$isPowerOf2: false,
+    glTarget: 0,
+    glInternalFmt: 0,
+    glFormat: 0,
+    glType: width,
+    glUsage: 0,
+    glTexture: null,
+    _ccprivate$glRenderbuffer: null,
+    glWrapS: 0,
+    glWrapT: 0,
+    glMinFilter: 0,
+    glMagFilter: 0,
+    isSwapchainTexture: false
+  };
+  console.log(aaaaaaaaa._ccprivate$width);
+  console.log(aaaaaaaaa.height);
+  console.log(aaaaaaaaa.depth);
+  console.log(aaaaaaaaa._ccprivate$size);
+  console.log(aaaaaaaaa.arrayLayer);
+  console.log(aaaaaaaaa.mipLevel);
+  console.log(aaaaaaaaa._ccprivate$isPowerOf2);
+  console.log(aaaaaaaaa.glTarget);
+  console.log(aaaaaaaaa.glInternalFmt);
+  console.log(aaaaaaaaa.glFormat);
+  console.log(aaaaaaaaa.glType);
+  console.log(aaaaaaaaa.glUsage);
+  console.log(aaaaaaaaa.glTexture);
+  console.log(aaaaaaaaa._ccprivate$glRenderbuffer);
+  console.log(aaaaaaaaa.glWrapS);
+  console.log(aaaaaaaaa.glWrapT);
+  console.log(aaaaaaaaa.glMinFilter);
+  console.log(aaaaaaaaa.glMagFilter);
+  console.log(aaaaaaaaa.isSwapchainTexture);
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture4 --------------------------\`);
+  const width = 123;
+  let aaaaaaaaa;
+  aaaaaaaaa = undefined;
+  aaaaaaaaa = {
+    _ccprivate$width: width,
+    _ccprivate$height: 0,
+    _ccprivate$depth: 0,
+    _ccprivate$size: 0,
+    _ccprivate$arrayLayer: 0,
+    _ccprivate$mipLevel: 0,
+    _ccprivate$isPowerOf2: false,
+    _ccprivate$glTarget: 0,
+    _ccprivate$glInternalFmt: 0,
+    _ccprivate$glFormat: 0,
+    _ccprivate$glType: 0,
+    _ccprivate$glUsage: width,
+    _ccprivate$glTexture: null,
+    _ccprivate$glRenderbuffer: null,
+    _ccprivate$glWrapS: 0,
+    _ccprivate$glWrapT: 0,
+    _ccprivate$glMinFilter: 0,
+    _ccprivate$glMagFilter: 0,
+    _ccprivate$isSwapchainTexture: false,
+    get _ccprivate$widthGetter() {
+      return 1;
+    }
+  };
+  console.log(aaaaaaaaa._ccprivate$width);
+  console.log(aaaaaaaaa._ccprivate$height);
+  console.log(aaaaaaaaa._ccprivate$depth);
+  console.log(aaaaaaaaa._ccprivate$size);
+  console.log(aaaaaaaaa._ccprivate$arrayLayer);
+  console.log(aaaaaaaaa._ccprivate$mipLevel);
+  console.log(aaaaaaaaa._ccprivate$isPowerOf2);
+  console.log(aaaaaaaaa._ccprivate$glTarget);
+  console.log(aaaaaaaaa._ccprivate$glInternalFmt);
+  console.log(aaaaaaaaa._ccprivate$glFormat);
+  console.log(aaaaaaaaa._ccprivate$glType);
+  console.log(aaaaaaaaa._ccprivate$glUsage);
+  console.log(aaaaaaaaa._ccprivate$glTexture);
+  console.log(aaaaaaaaa._ccprivate$glRenderbuffer);
+  console.log(aaaaaaaaa._ccprivate$glWrapS);
+  console.log(aaaaaaaaa._ccprivate$glWrapT);
+  console.log(aaaaaaaaa._ccprivate$glMinFilter);
+  console.log(aaaaaaaaa._ccprivate$glMagFilter);
+  console.log(aaaaaaaaa._ccprivate$isSwapchainTexture);
+  console.log(aaaaaaaaa._ccprivate$widthGetter);
+})();
+(() => {
+  console.log(\`-------------------------- IWebGLGPUTexture in class --------------------------\`);
+  const width = 123;
+  class MyTexture {
+    constructor() {
+      this._ccprivate$_gpuTexture = void 0;
+    }
+    get gpuTexture() {
+      return this._ccprivate$_gpuTexture;
+    }
+    init() {
+      this._ccprivate$_gpuTexture = {
+        _ccprivate$width: width,
+        height: 0,
+        depth: 0,
+        _ccprivate$size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        _ccprivate$isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: 0,
+        glFormat: 0,
+        glType: width,
+        glUsage: 0,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false,
+        get widthGetter() {
+          return 1;
+        },
+        set widthSetter(value) {},
+        _ccprivate$helloMangle() {},
+        helloDontMangle() {}
+      };
+      return this;
+    }
+  }
+  const tex = new MyTexture().init();
+  const aaaaaaaaa = tex.gpuTexture;
+  console.log(aaaaaaaaa._ccprivate$width);
+  console.log(aaaaaaaaa.height);
+  console.log(aaaaaaaaa.depth);
+  console.log(aaaaaaaaa._ccprivate$size);
+  console.log(aaaaaaaaa.arrayLayer);
+  console.log(aaaaaaaaa.mipLevel);
+  console.log(aaaaaaaaa._ccprivate$isPowerOf2);
+  console.log(aaaaaaaaa.glTarget);
+  console.log(aaaaaaaaa.glInternalFmt);
+  console.log(aaaaaaaaa.glFormat);
+  console.log(aaaaaaaaa.glType);
+  console.log(aaaaaaaaa.glUsage);
+  console.log(aaaaaaaaa.glTexture);
+  console.log(aaaaaaaaa.glRenderbuffer);
+  console.log(aaaaaaaaa.glWrapS);
+  console.log(aaaaaaaaa.glWrapT);
+  console.log(aaaaaaaaa.glMinFilter);
+  console.log(aaaaaaaaa.glMagFilter);
+  console.log(aaaaaaaaa.isSwapchainTexture);
+  console.log(aaaaaaaaa.widthGetter);
+  console.log(aaaaaaaaa.widthSetter);
+  console.log(aaaaaaaaa._ccprivate$helloMangle());
+  console.log(aaaaaaaaa.helloDontMangle());
+})();
+(() => {
+  const gpuShader = {
+    _ccprivate$name: '',
+    _ccprivate$gpuStages: [{
+      _ccprivate$source: '1',
+      _ccprivate$glShader: null
+    }, {
+      _ccprivate$source: '2',
+      _ccprivate$glShader: null
+    }],
+    _ccprivate$gpuStageMap: {
+      hello: {
+        source: '1',
+        glShader: null
+      },
+      world: {
+        source: '2',
+        glShader: null
+      }
+    }
+  };
+  console.log(gpuShader._ccprivate$name);
+  console.log(gpuShader._ccprivate$gpuStages[0]._ccprivate$glShader);
+  console.log(gpuShader._ccprivate$gpuStages[0]._ccprivate$source);
+})();
+(() => {
+  let gpuShader;
+  gpuShader = undefined;
+  gpuShader = {
+    _ccprivate$name: '',
+    _ccprivate$gpuStages: [{
+      _ccprivate$source: '1',
+      _ccprivate$glShader: null
+    }, {
+      _ccprivate$source: '2',
+      _ccprivate$glShader: null
+    }],
+    _ccprivate$gpuStageMap: {
+      hello: {
+        source: '1',
+        glShader: null
+      },
+      world: {
+        source: '2',
+        glShader: null
+      }
+    }
+  };
+  console.log(gpuShader._ccprivate$name);
+  console.log(gpuShader._ccprivate$gpuStages[0]._ccprivate$glShader);
+  console.log(gpuShader._ccprivate$gpuStages[0]._ccprivate$source);
+})();
+(() => {
+  const a = {
+    _ccprivate$ia: 1,
+    _ccprivate$ib: 'world'
+  };
+  const b = {
+    _ccprivate$ie: a
+  };
+  console.log(a._ccprivate$ia);
+  console.log(a._ccprivate$ib);
+  console.log(b._ccprivate$ie);
+  if ('ia' in b._ccprivate$ie) {
+    console.log(b._ccprivate$ie._ccprivate$ia);
+    console.log(b._ccprivate$ie._ccprivate$ib);
+  } else {
+    console.log(b._ccprivate$ie._ccprivate$ic);
+    console.log(b._ccprivate$ie._ccprivate$id);
+  }
+})();
+(() => {
+  const a = [];
+  a.push({
+    ic: true,
+    id: 1
+  });
+  const b = {
+    _ccprivate$ic: false,
+    _ccprivate$id: 2
+  };
+  a.push(b);
+  console.log(a[0]._ccprivate$ic);
+  console.log(a[0]._ccprivate$id);
+  console.log(a[1]._ccprivate$ic);
+  console.log(a[1]._ccprivate$id);
+})();
+
+export { ManglePrivatePropertiesTest, ManglePropertyBase, ManglePropertyGrand, MangleTestConstEnum, MangleTestMyBaseEnum, MangleTestMyEnum, MangleTestMyStringEnum, MangleWholeClass, MangleWholeClassBase, MyClassExtendsMangleWholeClass };
+"
+`;
+
 exports[`engine-js HTML5 with treeshake option 1`] = `
 [
   "cc.js",
@@ -1838,25 +2665,164 @@ exports[`engine-js inline enum 2`] = `
     return {
         execute: (function () {
 
+            exports("testConstantOfTypeArray", testConstantOfTypeArray);
+
+            var MyEnum = exports("MyEnum", {
+              AAA: 0,
+              BBB: 1,
+              CCC: 123,
+              DDD: "hello",
+              EEE: 1
+            });
+            console.log(0);
+            console.log(1);
+            console.log(123);
+            console.log("hello");
+            console.log(1);
+            var MyConstEnum = exports("MyConstEnum", {
+              C_AAA: 0,
+              C_BBB: 1,
+              C_DDD: "hello",
+              C_EEE: 1234,
+              C_FFF: 1235
+            });
+            console.log(0, 1);
+            console.log("hello", 1234);
+            console.log(1235, 0);
+            function testConstantOfTypeArray() {
+              console.log('Float32Array.BYTES_PER_ELEMENT:' + 4);
+              console.log('Float64Array.BYTES_PER_ELEMENT:' + 8);
+              console.log('Uint8Array.BYTES_PER_ELEMENT:' + 1);
+              console.log('Uint8ClampedArray.BYTES_PER_ELEMENT:' + 1);
+              console.log('Uint16Array.BYTES_PER_ELEMENT:' + 2);
+              console.log('Uint32Array.BYTES_PER_ELEMENT:' + 4);
+              console.log('Int8Array.BYTES_PER_ELEMENT:' + 1);
+              console.log('Int16Array.BYTES_PER_ELEMENT:' + 2);
+              console.log('Int32Array.BYTES_PER_ELEMENT:' + 4);
+              console.log("Int32Array.BYTES_PER_ELEMENT: " + Int32Array.BYTES_PER_ELEMENT);
+            }
+            var Button = exports("Button", {
+              BUTTON_SOUTH: 0,
+              BUTTON_EAST: 1,
+              BUTTON_WEST: 2,
+              BUTTON_NORTH: 3,
+              NS_MINUS: 4,
+              NS_PLUS: 5,
+              BUTTON_L1: 6,
+              BUTTON_L2: 7,
+              BUTTON_L3: 8,
+              BUTTON_R1: 9,
+              BUTTON_R2: 10,
+              BUTTON_R3: 11,
+              DPAD_UP: 12,
+              DPAD_DOWN: 13,
+              DPAD_LEFT: 14,
+              DPAD_RIGHT: 15,
+              LEFT_STICK_UP: 16,
+              LEFT_STICK_DOWN: 17,
+              LEFT_STICK_LEFT: 18,
+              LEFT_STICK_RIGHT: 19,
+              RIGHT_STICK_UP: 20,
+              RIGHT_STICK_DOWN: 21,
+              RIGHT_STICK_LEFT: 22,
+              RIGHT_STICK_RIGHT: 23,
+              ROKID_MENU: 24,
+              ROKID_START: 25
+            });
+            var _nativeButtonMap = {
+              1: 1,
+              2: 0,
+              3: 3,
+              4: 2,
+              5: 6,
+              6: 9,
+              7: 4,
+              8: 5,
+              9: 8,
+              10: 11,
+              11: 24,
+              12: 25
+            };
+            var GamepadInputDevice = exports("GamepadInputDevice", function () {
+              function GamepadInputDevice() {
+                var _this$_ccprivate$_nat;
+                this._ccprivate$_nativeButtonState = (_this$_ccprivate$_nat = {}, _this$_ccprivate$_nat[0] = 0, _this$_ccprivate$_nat[1] = 0, _this$_ccprivate$_nat[2] = 0, _this$_ccprivate$_nat[3] = 0, _this$_ccprivate$_nat[4] = 0, _this$_ccprivate$_nat[5] = 0, _this$_ccprivate$_nat[6] = 0, _this$_ccprivate$_nat[7] = 0, _this$_ccprivate$_nat[8] = 0, _this$_ccprivate$_nat[9] = 0, _this$_ccprivate$_nat[10] = 0, _this$_ccprivate$_nat[11] = 0, _this$_ccprivate$_nat[12] = 0, _this$_ccprivate$_nat[13] = 0, _this$_ccprivate$_nat[14] = 0, _this$_ccprivate$_nat[15] = 0, _this$_ccprivate$_nat[16] = 0, _this$_ccprivate$_nat[17] = 0, _this$_ccprivate$_nat[18] = 0, _this$_ccprivate$_nat[19] = 0, _this$_ccprivate$_nat[20] = 0, _this$_ccprivate$_nat[21] = 0, _this$_ccprivate$_nat[22] = 0, _this$_ccprivate$_nat[23] = 0, _this$_ccprivate$_nat[24] = 0, _this$_ccprivate$_nat[25] = 0, _this$_ccprivate$_nat);
+              }
+              var _proto = GamepadInputDevice.prototype;
+              _proto.hello = function hello() {
+                console.log(this._ccprivate$_nativeButtonState);
+                var button = _nativeButtonMap[0];
+                this._ccprivate$_nativeButtonState[button] = 1;
+                this._ccprivate$_nativeButtonState[7] = 1;
+              };
+              return GamepadInputDevice;
+            }());
+            var ModelLocalBindings = exports("ModelLocalBindings", {
+              UBO_LOCAL: 0,
+              UBO_FORWARD_LIGHTS: 1,
+              UBO_SKINNING_ANIMATION: 2,
+              UBO_SKINNING_TEXTURE: 3,
+              UBO_MORPH: 4,
+              UBO_UI_LOCAL: 5,
+              UBO_SH: 6,
+              SAMPLER_JOINTS: 7,
+              SAMPLER_MORPH_POSITION: 8,
+              SAMPLER_MORPH_NORMAL: 9,
+              SAMPLER_MORPH_TANGENT: 10,
+              SAMPLER_LIGHTMAP: 11,
+              SAMPLER_SPRITE: 12,
+              SAMPLER_REFLECTION: 13,
+              STORAGE_REFLECTION: 14,
+              SAMPLER_REFLECTION_PROBE_CUBE: 15,
+              SAMPLER_REFLECTION_PROBE_PLANAR: 16,
+              SAMPLER_REFLECTION_PROBE_DATA_MAP: 17,
+              SAMPLER_REFLECTION_PROBE_BLEND_CUBE: 18,
+              COUNT: 19
+            });
+            var UBOLocalEnum = exports("UBOLocalEnum", {
+              MAT_WORLD_OFFSET: 0,
+              MAT_WORLD_IT_OFFSET: 16,
+              LIGHTINGMAP_UVPARAM: 32,
+              LOCAL_SHADOW_BIAS: 36,
+              REFLECTION_PROBE_DATA1: 40,
+              REFLECTION_PROBE_DATA2: 44,
+              REFLECTION_PROBE_BLEND_DATA1: 48,
+              REFLECTION_PROBE_BLEND_DATA2: 52,
+              COUNT: 56,
+              SIZE: 224,
+              BINDING: 0
+            });
+            var UBOLocal = exports("UBOLocal", function UBOLocal() {});
+            UBOLocal.MAT_WORLD_OFFSET = 0;
+            UBOLocal.MAT_WORLD_IT_OFFSET = 16;
+            UBOLocal.LIGHTINGMAP_UVPARAM = 32;
+            UBOLocal.LOCAL_SHADOW_BIAS = 36;
+            UBOLocal.REFLECTION_PROBE_DATA1 = 40;
+            UBOLocal.REFLECTION_PROBE_DATA2 = 44;
+            UBOLocal.REFLECTION_PROBE_BLEND_DATA1 = 48;
+            UBOLocal.REFLECTION_PROBE_BLEND_DATA2 = 52;
+            UBOLocal.COUNT = 56;
+            UBOLocal.SIZE = 224;
+
             var Format = exports("Format", {
-              "UNKNOWN": 0,
-              "A8": 1,
-              "L8": 2,
-              "LA8": 3,
-              "R5G6B5": 4,
-              "R11G11B10F": 5,
-              "RGB5A1": 6,
-              "RGBA4": 7,
-              "RGB10A2": 8,
-              "RGB10A2UI": 9,
-              "RGB9E5": 10,
-              "DEPTH": 11,
-              "DEPTH_STENCIL": 12,
-              "R": 13,
-              "RG": 14,
-              "RGB": 15,
-              "RGBA": 16,
-              "COUNT": 17
+              UNKNOWN: 0,
+              A8: 1,
+              L8: 2,
+              LA8: 3,
+              R5G6B5: 4,
+              R11G11B10F: 5,
+              RGB5A1: 6,
+              RGBA4: 7,
+              RGB10A2: 8,
+              RGB10A2UI: 9,
+              RGB9E5: 10,
+              DEPTH: 11,
+              DEPTH_STENCIL: 12,
+              R: 13,
+              RG: 14,
+              RGB: 15,
+              RGBA: 16,
+              COUNT: 17
             });
             console.log(0);
             console.log(1);
@@ -1877,12 +2843,12 @@ exports[`engine-js inline enum 2`] = `
             console.log(16);
             console.log(17);
             var Format_2 = exports("Format_2", {
-              "R": 13,
-              "RG": 14,
-              "RGB": 15,
-              "RGBA": 31,
-              "Haha": 134,
-              "www": 135
+              R: 13,
+              RG: 14,
+              RGB: 15,
+              RGBA: 31,
+              Haha: 134,
+              www: 135
             });
             console.log(13);
             console.log(14, 15);
@@ -1890,13 +2856,13 @@ exports[`engine-js inline enum 2`] = `
             console.log(134);
             console.log(135);
             var TransformBit = exports("TransformBit", {
-              "NONE": 0,
-              "POSITION": 1,
-              "ROTATION": 2,
-              "SCALE": 4,
-              "RS": 6,
-              "TRS": 7,
-              "TRS_MASK": -8
+              NONE: 0,
+              POSITION: 1,
+              ROTATION: 2,
+              SCALE: 4,
+              RS: 6,
+              TRS: 7,
+              TRS_MASK: -8
             });
             console.log(0);
             console.log(1);
@@ -1906,16 +2872,16 @@ exports[`engine-js inline enum 2`] = `
             console.log(7);
             console.log(-8);
             var PixelFormat = exports("PixelFormat", {
-              "RGB565": 4,
-              "A8": 1,
-              "I8": 2,
-              "AI8": 3,
-              "RGB_A_PVRTC_2BPPV1": 1024,
-              "RGB_A_PVRTC_4BPPV1": 1025,
-              "RGB_ETC1": 123,
-              "RGBA_ETC1": 1026,
-              "RGB_ETC2": 123213,
-              "RGBA_ETC2": 123214
+              RGB565: 4,
+              A8: 1,
+              I8: 2,
+              AI8: 3,
+              RGB_A_PVRTC_2BPPV1: 1024,
+              RGB_A_PVRTC_4BPPV1: 1025,
+              RGB_ETC1: 123,
+              RGBA_ETC1: 1026,
+              RGB_ETC2: 123213,
+              RGBA_ETC2: 123214
             });
             console.log(4);
             console.log(1);
@@ -1928,11 +2894,11 @@ exports[`engine-js inline enum 2`] = `
             console.log(123213);
             console.log(123214);
             var TileFlag = exports("TileFlag", {
-              "HORIZONTAL": 2147483648,
-              "VERTICAL": 1073741824,
-              "DIAGONAL": 536870912,
-              "FLIPPED_ALL": 4026531840,
-              "FLIPPED_MASK": 268435455
+              HORIZONTAL: 2147483648,
+              VERTICAL: 1073741824,
+              DIAGONAL: 536870912,
+              FLIPPED_ALL: 4026531840,
+              FLIPPED_MASK: 268435455
             });
             console.log(2147483648);
             console.log(1073741824);
@@ -1958,38 +2924,43 @@ exports[`engine-js inline enum 2`] = `
               TestOverrideEnum["HEIHEI"] = "hello_heihei";
             })(TestOverrideEnum || (TestOverrideEnum = {}));
 
-            console.log(2);
-            console.log(0);
-            console.log(1);
+            console.log('[jsb] Override.TestOverrideEnum start');
+            console.log(TestOverrideEnum.HEIHEI);
+            console.log(TestOverrideEnum.HAHA);
+            console.log(TestOverrideEnum.WOWO);
+            console.log('[jsb] Override.TestOverrideEnum end');
 
+            testConstantOfTypeArray();
+            new GamepadInputDevice().hello();
+            console.log(6);
             var MyEnum2 = exports("MyEnum2", {
-              "AAABBB": 0,
-              "Haha": 0,
-              "Hi": 123
+              AAABBB: 0,
+              Haha: 0,
+              Hi: 123
             });
             console.log(0);
             console.log(0);
             console.log(123);
             var MyEnum3 = exports("MyEnum3", {
-              "WEBGL": 16,
-              "WEBGPU": 17,
-              "WEBGL2": 18
+              WEBGL: 16,
+              WEBGPU: 17,
+              WEBGL2: 18
             });
             console.log(16);
             console.log(17);
             console.log(18);
             console.log("hello");
             console.log(123);
-            console.log("hello: " + 17);
+            console.log("hello: " + MyEnum3.WEBGPU);
             var MyEnum5 = exports("MyEnum5", {
-              "RGB": 15,
-              "RGBA": 16,
-              "III": 17,
-              "HHH": 18,
-              "WWW": 4,
-              "ZZZ": 5,
-              "UUU": 1234,
-              "EEE": 1235
+              RGB: 15,
+              RGBA: 16,
+              III: 17,
+              HHH: 18,
+              WWW: 4,
+              ZZZ: 5,
+              UUU: 1234,
+              EEE: 1235
             });
             console.log(15);
             console.log(16);
@@ -2000,22 +2971,22 @@ exports[`engine-js inline enum 2`] = `
             console.log(1234);
             console.log(1235);
             var MyEnum6 = exports("MyEnum6", {
-              "UNION": 15
+              UNION: 15
             });
             console.log(15);
             console.log("MyEnum6.UNION.aaa");
-            console.log("15");
-            console.log("   " + 16);
-            console.log('' + (16 | 14));
-            console.log('' + (31 | 14));
+            console.log("MyEnum6.UNION");
+            console.log("   " + Format.RGBA);
+            console.log('' + (Format.RGBA | Format.RG));
+            console.log('' + (Format_2.RGBA | Format.RG));
             var MyNode = exports("MyNode", function MyNode(a) {
-              this.a = a;
+              this._ccprivate$a = a;
             });
             MyNode.Format = Format;
             MyNode.Format_2 = Format_2;
             console.log(MyNode.Format.RG);
             console.log(MyNode.Format_2.RG);
-            console.log(1);
+            console.log(PixelFormat.A8);
             console.log(1);
             console.log(1024);
             console.log('---- const enum begin ----');
@@ -2023,6 +2994,17 @@ exports[`engine-js inline enum 2`] = `
             console.log("hello", 1234);
             console.log(1235, 0);
             console.log('---- const enum end ----');
+            console.log("UBOLocalEnum.BINDING:" + 0);
+            console.log("UBOLocalEnum.MAT_WORLD_OFFSET:" + 0);
+            console.log("UBOLocalEnum.MAT_WORLD_IT_OFFSET:" + 16);
+            console.log("UBOLocalEnum.LIGHTINGMAP_UVPARAM:" + 32);
+            console.log("UBOLocalEnum.LOCAL_SHADOW_BIAS:" + 36);
+            console.log("UBOLocalEnum.REFLECTION_PROBE_DATA1:" + 40);
+            console.log("UBOLocalEnum.REFLECTION_PROBE_DATA2:" + 44);
+            console.log("UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA1:" + 48);
+            console.log("UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA2:" + 52);
+            console.log("UBOLocalEnum.COUNT:" + 56);
+            console.log("UBOLocalEnum.SIZE:" + 224);
 
         })
     };
diff --git a/test/build-engine/engine-js.test.ts b/test/build-engine/engine-js.test.ts
index dffd4f8e..9e9f01c2 100644
--- a/test/build-engine/engine-js.test.ts
+++ b/test/build-engine/engine-js.test.ts
@@ -308,6 +308,7 @@ describe('engine-js', () => {
                 WEBGPU: false
             },
             inlineEnum: true,
+            mangleProperties: true,
         };
 
         await buildEngine(options);
@@ -373,4 +374,60 @@ describe('engine-js', () => {
         expect(await getOutputContent(ps.join(out, 'cc.js'))).toMatchSnapshot();
         await del(out, { force: true });
     });
+
+    test('HTML5 mangle private properties', async () => {
+        const out = ps.join(__dirname, './lib-js');
+
+        const options: buildEngine.Options = {
+            engine: ps.join(__dirname, '../test-engine-source'),
+            out,
+            platform: 'HTML5',
+            moduleFormat: 'esm',
+            compress: false,
+            split: false,
+            nativeCodeBundleMode: 'wasm',
+            assetURLFormat: 'runtime-resolved',
+            noDeprecatedFeatures: false,
+            sourceMap: false,
+            features: ['mangle-private-properties-test'],
+            loose: true,
+            mode: 'BUILD',
+            mangleProperties: {
+                mangleGetterSetter: true,
+                mangleList: [
+                    'ManglePropertyBase._mangleMeProp',
+                    'ManglePropertyBase._mangleMeProp2',
+                    'ManglePropertyBase.mangleMe',
+                    'ManglePropertyBase.mangleMe2',
+                    'ManglePropertyGrand.helloGrandMangleInMangleList',
+                    'MangleWholeClassBase',
+                    'IMangleWholeClassInterface',
+                    'IWebGLGPUTexture3.glRenderbuffer',
+                    'IWebGLGPUTexture4',
+                ],
+                dontMangleList: [
+                    'ManglePropertyBase._dontMangleMeProp',
+                    'ManglePropertyBase.dontMangleMeProp2',
+                    'ManglePropertyBase.dontMangleMeProp3',
+                    'ManglePropertyBase.dontMangleMe',
+                    'ManglePropertyBase.dontMangleMe2',
+                    'ManglePropertyBase.dontMangleMe3',
+                    'IMangleGrand.iGrandPublicPropMangleJsDocButInDontMangleList',
+                    'ManglePrivatePropertiesTest.helloGrandMangleInMangleList',
+                    'IMangleTest.interfaceProp3',
+                ],
+            },
+            flags: {
+                DEBUG: false,
+                WEBGPU: false
+            },
+            targets: ['chrome 80'],
+            inlineEnum: true,
+        };
+
+        await buildEngine(options);
+        expect(await getOutputDirStructure(out)).toMatchSnapshot();
+        expect(await getOutputContent(ps.join(out, 'cc.js'))).toMatchSnapshot();
+        await del(out, { force: true });
+    });
 });
\ No newline at end of file
diff --git a/test/dts-bundler/__snapshots__/dts-bundler.test.ts.snap b/test/dts-bundler/__snapshots__/dts-bundler.test.ts.snap
index 94072ed9..8c4eca73 100644
--- a/test/dts-bundler/__snapshots__/dts-bundler.test.ts.snap
+++ b/test/dts-bundler/__snapshots__/dts-bundler.test.ts.snap
@@ -158,7 +158,383 @@ exports[`bundle dts: cc.d.ts content 1`] = `
          */
         FLIPPED_MASK = 268435455
     }
+    export function testConstantOfTypeArray(): void;
+    export enum MyEnum {
+        AAA = 0,
+        BBB = 1,
+        CCC = 123,
+        DDD = "hello",
+        EEE = 1
+    }
+    export const enum MyConstEnum {
+        C_AAA = 0,
+        C_BBB = 1,
+        C_DDD = "hello",
+        C_EEE = 1234,
+        C_FFF = 1235
+    }
+    export enum Button {
+        BUTTON_SOUTH = 0,
+        BUTTON_EAST = 1,
+        BUTTON_WEST = 2,
+        BUTTON_NORTH = 3,
+        NS_MINUS = 4,
+        NS_PLUS = 5,
+        BUTTON_L1 = 6,
+        BUTTON_L2 = 7,
+        BUTTON_L3 = 8,
+        BUTTON_R1 = 9,
+        BUTTON_R2 = 10,
+        BUTTON_R3 = 11,
+        DPAD_UP = 12,
+        DPAD_DOWN = 13,
+        DPAD_LEFT = 14,
+        DPAD_RIGHT = 15,
+        LEFT_STICK_UP = 16,
+        LEFT_STICK_DOWN = 17,
+        LEFT_STICK_LEFT = 18,
+        LEFT_STICK_RIGHT = 19,
+        RIGHT_STICK_UP = 20,
+        RIGHT_STICK_DOWN = 21,
+        RIGHT_STICK_LEFT = 22,
+        RIGHT_STICK_RIGHT = 23,
+        ROKID_MENU = 24,
+        ROKID_START = 25
+    }
+    export class GamepadInputDevice {
+        hello(): void;
+    }
+    export enum ModelLocalBindings {
+        UBO_LOCAL = 0,
+        UBO_FORWARD_LIGHTS = 1,
+        UBO_SKINNING_ANIMATION = 2,
+        UBO_SKINNING_TEXTURE = 3,
+        UBO_MORPH = 4,
+        UBO_UI_LOCAL = 5,
+        UBO_SH = 6,
+        SAMPLER_JOINTS = 7,
+        SAMPLER_MORPH_POSITION = 8,
+        SAMPLER_MORPH_NORMAL = 9,
+        SAMPLER_MORPH_TANGENT = 10,
+        SAMPLER_LIGHTMAP = 11,
+        SAMPLER_SPRITE = 12,
+        SAMPLER_REFLECTION = 13,
+        STORAGE_REFLECTION = 14,
+        SAMPLER_REFLECTION_PROBE_CUBE = 15,
+        SAMPLER_REFLECTION_PROBE_PLANAR = 16,
+        SAMPLER_REFLECTION_PROBE_DATA_MAP = 17,
+        SAMPLER_REFLECTION_PROBE_BLEND_CUBE = 18,
+        COUNT = 19
+    }
+    export enum UBOLocalEnum {
+        MAT_WORLD_OFFSET = 0,
+        MAT_WORLD_IT_OFFSET = 16,
+        LIGHTINGMAP_UVPARAM = 32,
+        LOCAL_SHADOW_BIAS = 36,
+        REFLECTION_PROBE_DATA1 = 40,
+        REFLECTION_PROBE_DATA2 = 44,
+        REFLECTION_PROBE_BLEND_DATA1 = 48,
+        REFLECTION_PROBE_BLEND_DATA2 = 52,
+        COUNT = 56,
+        SIZE = 224,
+        BINDING = 0
+    }
+    /**
+     * @en The local uniform buffer object
+     * @zh 本地 UBO。
+     */
+    export class UBOLocal {
+        static readonly MAT_WORLD_OFFSET: UBOLocalEnum;
+        static readonly MAT_WORLD_IT_OFFSET: UBOLocalEnum;
+        static readonly LIGHTINGMAP_UVPARAM: UBOLocalEnum;
+        static readonly LOCAL_SHADOW_BIAS: UBOLocalEnum;
+        static readonly REFLECTION_PROBE_DATA1: UBOLocalEnum;
+        static readonly REFLECTION_PROBE_DATA2: UBOLocalEnum;
+        static readonly REFLECTION_PROBE_BLEND_DATA1: UBOLocalEnum;
+        static readonly REFLECTION_PROBE_BLEND_DATA2: UBOLocalEnum;
+        static readonly COUNT: UBOLocalEnum;
+        static readonly SIZE: UBOLocalEnum;
+    }
     export const str = "intrinsic flag is false";
+    export enum MangleTestMyEnum {
+        AAA = 0,
+        BBB = 1,
+        CCC = 123,
+        DDD = 124
+    }
+    export enum MangleTestMyStringEnum {
+        AAA = "aaa",
+        BBB = "bbb",
+        CCC = "ccc"
+    }
+    export const enum MangleTestConstEnum {
+        CONST_A = 1,
+        CONST_B = 2,
+        'space key' = 3,
+        "space key2" = 4
+    }
+    export class ManglePrivatePropertiesTest extends ManglePropertyBase implements IMangleTest {
+        publicProp3: number;
+        get accessorProp0(): number;
+        set accessorProp0(value: number);
+        constructor();
+        helloInterface1(): void;
+        helloInterface2(v: string): number;
+        interfaceProp1: number;
+        interfaceProp2: string;
+        get myEnum1(): MangleTestMyEnum;
+        get myEnum2(): MangleTestMyEnum;
+        get myStringEnum(): MangleTestMyStringEnum;
+        getFoo(): string;
+        helloGrandMangleInMangleList(): void;
+        helloGrandDontMangle1(): void;
+        protected helloGrandAbstractMangleMe(): void;
+        protected helloGrandMangleMeProtected(): void;
+    }
+    /** @mangle */
+    export interface IUnionBase1 {
+        ia: number;
+        ib: string;
+    }
+    /** @mangle */
+    export interface IUnionBase2 {
+        ic: boolean;
+        id: number;
+    }
+    /** @mangle */
+    export interface IUnionBase3 {
+        ie: IUnionBase1 | IUnionBase2;
+    }
+    export interface IMangleGrand {
+        helloGrandDontMangle1(): void;
+        /** @mangle */
+        helloGrandMangleMe3(): void;
+        /** @mangle */
+        iGrandPublicPropMangleMe: number;
+        /** @mangle */
+        iGrandPublicPropMangleJsDocButInDontMangleList: number;
+    }
+    /** @mangle */
+    export interface IWebGLBindingMapping {
+        blockOffsets: number[];
+        samplerTextureOffsets: number[];
+        flexibleSet: number;
+    }
+    export interface IWebGLBindingMapping {
+        blockOffsets: number[];
+        samplerTextureOffsets: number[];
+        flexibleSet: number;
+    }
+    export class MangleWholeClassBase {
+        protected mangleWholeClassBaseProtectedProp1: number;
+        protected helloMangleWholeClassBaseProtectedMethod1(): void;
+        helloMangleWholeClassBasePublicMethod1(): void;
+    }
+    export interface IMangleWholeClassInterface {
+        iMangleWholeClassInterfaceProp1: number;
+        iMangleWholeClassInterfaceProp2: string;
+        helloMangleWholeClassInterfaceMethod1(): void;
+    }
+    export class MangleWholeClass extends MangleWholeClassBase implements IMangleWholeClassInterface {
+        mangleWholeClassPublicProp1: number;
+        protected mangleWholeClassProtectedProp2: number;
+        constructor();
+        iMangleWholeClassInterfaceProp1: number;
+        iMangleWholeClassInterfaceProp2: string;
+        helloMangleWholeClassInterfaceMethod1(): void;
+        getMangleWholeClassPrivateProp3(): number;
+        helloMangleWholeClassPublicMethod1(): void;
+        protected helloMangleWholeClassProtectedMethod2(): void;
+    }
+    export class MyClassExtendsMangleWholeClass extends MangleWholeClass {
+        protected subclassExtendsMangleWholeProp2: number;
+        subclassExtendsMangleWholeProp3: number;
+        constructor();
+        protected helloMangleWholeClassProtectedMethod2(): void;
+        getSubclassExtendsMangleWholeProp1(): number;
+        helloSubclassExtendsMangleWholeMethod1(): void;
+    }
+    export abstract class ManglePropertyGrand implements IMangleGrand {
+        get iGrandPropMangle(): number;
+        set iGrandPropMangle(value: number);
+        protected _grandProtectedPropDontMangle: number;
+        /** @mangle */
+        protected _grandProtectedPropMangle: number;
+        /** @mangle */
+        grandPublicPropMangle: number;
+        iGrandPublicPropMangleMe: number;
+        iGrandPublicPropMangleJsDocButInDontMangleList: number;
+        helloGrandMangleInMangleList(): void;
+        helloGrandDontMangle1(): void;
+        helloGrandDontMangleMe(): void;
+        /** @mangle */
+        abstract helloGrandMangleMePublic(): void;
+        /** @mangle */
+        protected helloGrandMangleMeProtected(): void;
+        protected abstract helloGrandAbstractDontMangle(): void;
+        /** @mangle */
+        protected abstract helloGrandAbstractMangleMe(): void;
+        helloGrandMangleMe3(): void;
+        /** @mangle */
+        get grandPropDontMangle(): number;
+        /** @mangle */
+        set grandPropDontMangle(value: number);
+    }
+    export class ManglePropertyBase extends ManglePropertyGrand implements ManglePropertyBase {
+        protected helloGrandAbstractDontMangle(): void;
+        protected helloGrandAbstractMangleMe(): void;
+        /** @mangle */
+        helloGrandDontMangle1(): void;
+        helloGrandMangleMePublic(): void;
+        protected helloGrandMangleMeProtected(): void;
+        helloGrandMangleMe3(): void;
+        protected _baseProtectedProp: number;
+        /** @mangle */
+        _basePublicProp1Mangle: number;
+        _basePublicProp2DontMangle: number;
+        /** @mangle */
+        declarePropMangle: string;
+        declarePropDontMangle: number;
+        constructor();
+        get dontMangleMePropGetter(): number;
+        /** @mangle */
+        basePublicMethod(): void;
+        _mangleMeProp: number;
+        _mangleMeProp2: string;
+        protected dontMangleMeProp2: string;
+        /** @mangle */
+        dontMangleMeProp3: number;
+        mangleMe(): void;
+        mangleMe2(): void;
+        protected dontMangleMe2(): void;
+        /** @mangle */
+        dontMangleMe3(): void;
+    }
+    export enum MangleTestMyBaseEnum {
+        HELLO = 123444,
+        WORLD = 123445,
+        FOO = 123,
+        BAR = 124,
+        TS = 125,
+        BABEL = 126
+    }
+    export interface IMangleTest {
+        /** @mangle */
+        helloInterface1(): void;
+        helloInterface2(v: string): number;
+        /** @mangle */
+        helloInterface3?(v: string): number;
+        /** @mangle */
+        interfaceProp1: number;
+        interfaceProp2: string;
+        /** @mangle */
+        interfaceProp3?: boolean;
+    }
+    export interface IWebGLGPUTexture {
+        /** @mangle */
+        width: number;
+        height: number;
+        depth: number;
+        /** @mangle */
+        size: number;
+        arrayLayer: number;
+        mipLevel: number;
+        /** @mangle */
+        isPowerOf2: boolean;
+        glTarget: GLenum;
+        glInternalFmt: GLenum;
+        glFormat: GLenum;
+        glType: GLenum;
+        glUsage: GLenum;
+        glTexture: WebGLTexture | null;
+        glRenderbuffer: WebGLRenderbuffer | null;
+        glWrapS: GLenum;
+        glWrapT: GLenum;
+        glMinFilter: GLenum;
+        glMagFilter: GLenum;
+        isSwapchainTexture: boolean;
+        /** @mangle */
+        helloMangle(): void;
+        helloDontMangle(): void;
+    }
+    /** @mangle */
+    export interface IWebGLGPUTexture2 {
+        width: number;
+        height: number;
+        depth: number;
+        size: number;
+        arrayLayer: number;
+        mipLevel: number;
+        isPowerOf2: boolean;
+        glTarget: GLenum;
+        glInternalFmt: GLenum;
+        glFormat: GLenum;
+        glType: GLenum;
+        glUsage: GLenum;
+        glTexture: WebGLTexture | null;
+        glRenderbuffer: WebGLRenderbuffer | null;
+        glWrapS: GLenum;
+        glWrapT: GLenum;
+        glMinFilter: GLenum;
+        glMagFilter: GLenum;
+        isSwapchainTexture: boolean;
+    }
+    export interface IWebGLGPUTexture3 {
+        /** @mangle */
+        width: number;
+        height: number;
+        depth: number;
+        /** @mangle */
+        size: number;
+        arrayLayer: number;
+        mipLevel: number;
+        /** @mangle */
+        isPowerOf2: boolean;
+        glTarget: GLenum;
+        glInternalFmt: GLenum;
+        glFormat: GLenum;
+        glType: GLenum;
+        glUsage: GLenum;
+        glTexture: WebGLTexture | null;
+        glRenderbuffer: WebGLRenderbuffer | null;
+        glWrapS: GLenum;
+        glWrapT: GLenum;
+        glMinFilter: GLenum;
+        glMagFilter: GLenum;
+        isSwapchainTexture: boolean;
+    }
+    export interface IWebGLGPUTexture4 {
+        width: number;
+        height: number;
+        depth: number;
+        size: number;
+        arrayLayer: number;
+        mipLevel: number;
+        isPowerOf2: boolean;
+        glTarget: GLenum;
+        glInternalFmt: GLenum;
+        glFormat: GLenum;
+        glType: GLenum;
+        glUsage: GLenum;
+        glTexture: WebGLTexture | null;
+        glRenderbuffer: WebGLRenderbuffer | null;
+        glWrapS: GLenum;
+        glWrapT: GLenum;
+        glMinFilter: GLenum;
+        glMagFilter: GLenum;
+        isSwapchainTexture: boolean;
+    }
+    /** @mangle */
+    export interface IWebGLGPUShaderStage {
+        source: string | number;
+        glShader: WebGLShader | null;
+    }
+    /** @mangle */
+    export interface IWebGLGPUShader {
+        name: string | number;
+        gpuStages: IWebGLGPUShaderStage[];
+        gpuStageMap: Record<string, IWebGLGPUShaderStage>;
+    }
     export function testEnv(): string;
     export function testInternalExport(): string;
     export namespace __private {
diff --git a/test/test-engine-source/cc.config.json b/test/test-engine-source/cc.config.json
index 34f4cd9b..16447740 100644
--- a/test/test-engine-source/cc.config.json
+++ b/test/test-engine-source/cc.config.json
@@ -43,6 +43,9 @@
         },
         "base": {
             "modules": ["base"]
+        },
+        "mangle-private-properties-test": {
+            "modules": ["mangle-private-properties-test"]
         }
     },
     "moduleOverrides": [
diff --git a/test/test-engine-source/cocos/enums/TestOverride.ts b/test/test-engine-source/cocos/enums/TestOverride.ts
index 8aa06143..36042d81 100644
--- a/test/test-engine-source/cocos/enums/TestOverride.ts
+++ b/test/test-engine-source/cocos/enums/TestOverride.ts
@@ -6,9 +6,11 @@ export enum TestOverrideEnum {
     HEIHEI
 }
 
+console.log('TestOverrideEnum start');
 console.log(TestOverrideEnum.WOWO);
 console.log(TestOverrideEnum.HAHA);
 console.log(TestOverrideEnum.HEIHEI);
+console.log('TestOverrideEnum end');
 
 
 console.log(MyEnum4.AAABBB, MyEnum4.Haha, MyEnum4.Hi);
diff --git a/test/test-engine-source/cocos/enums/index.ts b/test/test-engine-source/cocos/enums/index.ts
index 1e1d2f59..8649a279 100644
--- a/test/test-engine-source/cocos/enums/index.ts
+++ b/test/test-engine-source/cocos/enums/index.ts
@@ -1,4 +1,4 @@
-import { MyConstEnum, MyEnum } from './my-enum';
+import { MyConstEnum, MyEnum, testConstantOfTypeArray, GamepadInputDevice, Button, UBOLocalEnum } from './my-enum';
 
 import * as gfx from './define';
 
@@ -6,6 +6,12 @@ import { PixelFormat } from './define';
 
 import './test-override-entry';
 
+testConstantOfTypeArray();
+
+new GamepadInputDevice().hello();
+
+console.log(Button.BUTTON_L1);
+
 export enum MyEnum2 {
     AAABBB,
     Haha = MyEnum.AAA,
@@ -92,3 +98,17 @@ console.log(MyConstEnum.C_FFF, MyConstEnum.C_AAA);
 
 console.log('---- const enum end ----');
 
+
+console.log(`UBOLocalEnum.BINDING:` + UBOLocalEnum.BINDING);
+console.log(`UBOLocalEnum.MAT_WORLD_OFFSET:` + UBOLocalEnum.MAT_WORLD_OFFSET);
+console.log(`UBOLocalEnum.MAT_WORLD_IT_OFFSET:` + UBOLocalEnum.MAT_WORLD_IT_OFFSET);
+console.log(`UBOLocalEnum.LIGHTINGMAP_UVPARAM:` + UBOLocalEnum.LIGHTINGMAP_UVPARAM);
+console.log(`UBOLocalEnum.LOCAL_SHADOW_BIAS:` + UBOLocalEnum.LOCAL_SHADOW_BIAS);
+console.log(`UBOLocalEnum.REFLECTION_PROBE_DATA1:` + UBOLocalEnum.REFLECTION_PROBE_DATA1);
+console.log(`UBOLocalEnum.REFLECTION_PROBE_DATA2:` + UBOLocalEnum.REFLECTION_PROBE_DATA2);
+console.log(`UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA1:` + UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA1);
+console.log(`UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA2:` + UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA2);
+console.log(`UBOLocalEnum.COUNT:` + UBOLocalEnum.COUNT);
+console.log(`UBOLocalEnum.SIZE:` + UBOLocalEnum.SIZE);
+
+export * from './my-enum';
diff --git a/test/test-engine-source/cocos/enums/my-enum.ts b/test/test-engine-source/cocos/enums/my-enum.ts
index edd90367..3868f83c 100644
--- a/test/test-engine-source/cocos/enums/my-enum.ts
+++ b/test/test-engine-source/cocos/enums/my-enum.ts
@@ -24,3 +24,158 @@ console.log(MyConstEnum.C_AAA, MyConstEnum.C_BBB);
 console.log(MyConstEnum.C_DDD, MyConstEnum.C_EEE);
 console.log(MyConstEnum.C_FFF, MyConstEnum.C_AAA);
 
+export function testConstantOfTypeArray(): void {
+    console.log('Float32Array.BYTES_PER_ELEMENT:' + Float32Array.BYTES_PER_ELEMENT);
+    console.log('Float64Array.BYTES_PER_ELEMENT:' + Float64Array.BYTES_PER_ELEMENT);
+    console.log('Uint8Array.BYTES_PER_ELEMENT:' + Uint8Array.BYTES_PER_ELEMENT);
+    console.log('Uint8ClampedArray.BYTES_PER_ELEMENT:' + Uint8ClampedArray.BYTES_PER_ELEMENT);
+    console.log('Uint16Array.BYTES_PER_ELEMENT:' + Uint16Array.BYTES_PER_ELEMENT);
+    console.log('Uint32Array.BYTES_PER_ELEMENT:' + Uint32Array.BYTES_PER_ELEMENT);
+    console.log('Int8Array.BYTES_PER_ELEMENT:' + Int8Array.BYTES_PER_ELEMENT);
+    console.log('Int16Array.BYTES_PER_ELEMENT:' + Int16Array.BYTES_PER_ELEMENT);
+    console.log('Int32Array.BYTES_PER_ELEMENT:' + Int32Array.BYTES_PER_ELEMENT);
+
+    console.log(`Int32Array.BYTES_PER_ELEMENT: ${Int32Array.BYTES_PER_ELEMENT}`);
+}
+
+export enum Button {
+    BUTTON_SOUTH,
+    BUTTON_EAST,
+    BUTTON_WEST,
+    BUTTON_NORTH,
+    NS_MINUS,
+    NS_PLUS,
+    BUTTON_L1,
+    BUTTON_L2,
+    BUTTON_L3,
+    BUTTON_R1,
+    BUTTON_R2,
+    BUTTON_R3,
+    DPAD_UP,
+    DPAD_DOWN,
+    DPAD_LEFT,
+    DPAD_RIGHT,
+    LEFT_STICK_UP,
+    LEFT_STICK_DOWN,
+    LEFT_STICK_LEFT,
+    LEFT_STICK_RIGHT,
+    RIGHT_STICK_UP,
+    RIGHT_STICK_DOWN,
+    RIGHT_STICK_LEFT,
+    RIGHT_STICK_RIGHT,
+    ROKID_MENU,
+    ROKID_START,
+}
+
+type NativeButtonState = Record<Button, number>
+
+const _nativeButtonMap = {
+    1: Button.BUTTON_EAST,
+    2: Button.BUTTON_SOUTH,
+    3: Button.BUTTON_NORTH,
+    4: Button.BUTTON_WEST,
+    5: Button.BUTTON_L1,
+    6: Button.BUTTON_R1,
+    7: Button.NS_MINUS,
+    8: Button.NS_PLUS,
+    9: Button.BUTTON_L3,
+    10: Button.BUTTON_R3,
+    11: Button.ROKID_MENU,
+    12: Button.ROKID_START,
+};
+
+export class GamepadInputDevice {
+    private _nativeButtonState: NativeButtonState = {
+        [Button.BUTTON_SOUTH]: 0,
+        [Button.BUTTON_EAST]: 0,
+        [Button.BUTTON_WEST]: 0,
+        [Button.BUTTON_NORTH]: 0,
+        [Button.NS_MINUS]: 0,
+        [Button.NS_PLUS]: 0,
+        [Button.BUTTON_L1]: 0,
+        [Button.BUTTON_L2]: 0,
+        [Button.BUTTON_L3]: 0,
+        [Button.BUTTON_R1]: 0,
+        [Button.BUTTON_R2]: 0,
+        [Button.BUTTON_R3]: 0,
+        [Button.DPAD_UP]: 0,
+        [Button.DPAD_DOWN]: 0,
+        [Button.DPAD_LEFT]: 0,
+        [Button.DPAD_RIGHT]: 0,
+        [Button.LEFT_STICK_UP]: 0,
+        [Button.LEFT_STICK_DOWN]: 0,
+        [Button.LEFT_STICK_LEFT]: 0,
+        [Button.LEFT_STICK_RIGHT]: 0,
+        [Button.RIGHT_STICK_UP]: 0,
+        [Button.RIGHT_STICK_DOWN]: 0,
+        [Button.RIGHT_STICK_LEFT]: 0,
+        [Button.RIGHT_STICK_RIGHT]: 0,
+        [Button.ROKID_MENU]: 0,
+        [Button.ROKID_START]: 0,
+    };
+
+    hello(): void {
+        console.log(this._nativeButtonState);
+        const button = _nativeButtonMap[0];
+        this._nativeButtonState[button] = 1;
+        this._nativeButtonState[Button.BUTTON_L2] = 1;
+    }
+}
+
+export enum ModelLocalBindings {
+    UBO_LOCAL,
+    UBO_FORWARD_LIGHTS,
+    UBO_SKINNING_ANIMATION,
+    UBO_SKINNING_TEXTURE,
+    UBO_MORPH,
+    UBO_UI_LOCAL,
+    UBO_SH,
+
+    SAMPLER_JOINTS,
+    SAMPLER_MORPH_POSITION,
+    SAMPLER_MORPH_NORMAL,
+    SAMPLER_MORPH_TANGENT,
+    SAMPLER_LIGHTMAP,
+    SAMPLER_SPRITE,
+    SAMPLER_REFLECTION,
+
+    STORAGE_REFLECTION,
+
+    SAMPLER_REFLECTION_PROBE_CUBE,
+    SAMPLER_REFLECTION_PROBE_PLANAR,
+    SAMPLER_REFLECTION_PROBE_DATA_MAP,
+    SAMPLER_REFLECTION_PROBE_BLEND_CUBE,
+
+    COUNT,
+}
+
+export enum UBOLocalEnum {
+    MAT_WORLD_OFFSET = 0,
+    MAT_WORLD_IT_OFFSET = MAT_WORLD_OFFSET + 16,
+    LIGHTINGMAP_UVPARAM = MAT_WORLD_IT_OFFSET + 16,
+    LOCAL_SHADOW_BIAS = LIGHTINGMAP_UVPARAM + 4,
+    REFLECTION_PROBE_DATA1 = LOCAL_SHADOW_BIAS + 4,
+    REFLECTION_PROBE_DATA2 = REFLECTION_PROBE_DATA1 + 4,
+    REFLECTION_PROBE_BLEND_DATA1 = REFLECTION_PROBE_DATA2 + 4,
+    REFLECTION_PROBE_BLEND_DATA2 = REFLECTION_PROBE_BLEND_DATA1 + 4,
+    COUNT = REFLECTION_PROBE_BLEND_DATA2 + 4,
+    SIZE = COUNT * 4,
+    BINDING = ModelLocalBindings.UBO_LOCAL,
+}
+
+/**
+ * @en The local uniform buffer object
+ * @zh 本地 UBO。
+ */
+export class UBOLocal {
+    public static readonly MAT_WORLD_OFFSET = UBOLocalEnum.MAT_WORLD_OFFSET;
+    public static readonly MAT_WORLD_IT_OFFSET = UBOLocalEnum.MAT_WORLD_IT_OFFSET;
+    public static readonly LIGHTINGMAP_UVPARAM = UBOLocalEnum.LIGHTINGMAP_UVPARAM;
+    public static readonly LOCAL_SHADOW_BIAS = UBOLocalEnum.LOCAL_SHADOW_BIAS;
+    public static readonly REFLECTION_PROBE_DATA1 = UBOLocalEnum.REFLECTION_PROBE_DATA1;
+    public static readonly REFLECTION_PROBE_DATA2 = UBOLocalEnum.REFLECTION_PROBE_DATA2;
+    public static readonly REFLECTION_PROBE_BLEND_DATA1 = UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA1;
+    public static readonly REFLECTION_PROBE_BLEND_DATA2 = UBOLocalEnum.REFLECTION_PROBE_BLEND_DATA2;
+    public static readonly COUNT = UBOLocalEnum.COUNT;
+    public static readonly SIZE = UBOLocalEnum.SIZE;
+}
diff --git a/test/test-engine-source/cocos/enums/test-override-entry.jsb.ts b/test/test-engine-source/cocos/enums/test-override-entry.jsb.ts
index 3da4e1fc..6b56b1f2 100644
--- a/test/test-engine-source/cocos/enums/test-override-entry.jsb.ts
+++ b/test/test-engine-source/cocos/enums/test-override-entry.jsb.ts
@@ -1,4 +1,7 @@
 import * as Override from './TestOverride';
+
+console.log('[jsb] Override.TestOverrideEnum start');
 console.log(Override.TestOverrideEnum.HEIHEI);
 console.log(Override.TestOverrideEnum.HAHA);
-console.log(Override.TestOverrideEnum.WOWO);
\ No newline at end of file
+console.log(Override.TestOverrideEnum.WOWO);
+console.log('[jsb] Override.TestOverrideEnum end');
\ No newline at end of file
diff --git a/test/test-engine-source/cocos/enums/test-override-entry.ts b/test/test-engine-source/cocos/enums/test-override-entry.ts
index 1e6bd472..aa389538 100644
--- a/test/test-engine-source/cocos/enums/test-override-entry.ts
+++ b/test/test-engine-source/cocos/enums/test-override-entry.ts
@@ -2,7 +2,11 @@
 
 import * as Override from './TestOverride';
 
+console.log('[entry] TestOverrideEnum start');
+
 console.log(Override.TestOverrideEnum.WOWO);
 console.log(Override.TestOverrideEnum.HAHA);
 console.log(Override.TestOverrideEnum.HEIHEI);
 
+console.log('[entry] TestOverrideEnum end');
+
diff --git a/test/test-engine-source/cocos/mangle-private-base.ts b/test/test-engine-source/cocos/mangle-private-base.ts
new file mode 100644
index 00000000..7e6512be
--- /dev/null
+++ b/test/test-engine-source/cocos/mangle-private-base.ts
@@ -0,0 +1,379 @@
+
+export interface IMangleGrand {
+    helloGrandDontMangle1(): void;
+    /** @mangle */
+    helloGrandMangleMe3(): void;
+
+    /** @mangle */
+    iGrandPublicPropMangleMe: number;
+
+    get grandPropDontMangle(): number;
+    set grandPropDontMangle(value: number);
+
+    /** @mangle */
+    get iGrandPropMangle(): number;
+    set iGrandPropMangle(value: number);
+
+    /** @mangle */
+    iGrandPublicPropMangleJsDocButInDontMangleList: number;
+}
+
+/** @mangle */
+export interface IWebGLBindingMapping {
+    blockOffsets: number[];
+    samplerTextureOffsets: number[];
+    flexibleSet: number;
+}
+
+export class MangleWholeClassBase {
+    protected mangleWholeClassBaseProtectedProp1 = 123;
+    protected helloMangleWholeClassBaseProtectedMethod1(): void {}
+    public helloMangleWholeClassBasePublicMethod1(): void {}
+}
+
+export interface IMangleWholeClassInterface {
+    iMangleWholeClassInterfaceProp1: number;
+    iMangleWholeClassInterfaceProp2: string;
+    helloMangleWholeClassInterfaceMethod1(): void;
+}
+
+
+export class MangleWholeClass extends MangleWholeClassBase implements IMangleWholeClassInterface {
+    mangleWholeClassPublicProp1 = 123;
+    protected mangleWholeClassProtectedProp2 = 123;
+    private mangleWholeClassPrivateProp3 = 123;
+
+    constructor() {
+        super();
+        this.helloMangleWholeClassPublicMethod1();
+        this.helloMangleWholeClassProtectedMethod2();
+        this.helloMangleWholeClassPrivateMethod3();
+        this.helloMangleWholeClassBaseProtectedMethod1();
+    }
+    iMangleWholeClassInterfaceProp1: number = 1;
+    iMangleWholeClassInterfaceProp2: string = 'hello';
+    helloMangleWholeClassInterfaceMethod1(): void {
+        
+    }
+
+    getMangleWholeClassPrivateProp3(): number {
+        return this.mangleWholeClassPrivateProp3;
+    }
+    
+    helloMangleWholeClassPublicMethod1(): void {}
+    protected helloMangleWholeClassProtectedMethod2(): void {}
+    private helloMangleWholeClassPrivateMethod3(): void {}
+}
+
+export class MyClassExtendsMangleWholeClass extends MangleWholeClass {
+
+    private subclassExtendsMangleWholeProp1 = 123;
+    protected subclassExtendsMangleWholeProp2 = 123;
+    public subclassExtendsMangleWholeProp3 = 123;
+
+    constructor() {
+        super();
+        this.helloMangleWholeClassPublicMethod1();
+        this.helloMangleWholeClassProtectedMethod2();
+    }
+
+    protected helloMangleWholeClassProtectedMethod2(): void {
+        this.subclassExtendsMangleWholeProp1 = 123;
+        this.subclassExtendsMangleWholeProp2 = 123;
+        this.subclassExtendsMangleWholeProp3 = 123;
+    }
+
+    getSubclassExtendsMangleWholeProp1(): number {
+        return this.subclassExtendsMangleWholeProp1;
+    }
+
+    helloSubclassExtendsMangleWholeMethod1(): void {}
+}
+
+export abstract class ManglePropertyGrand implements IMangleGrand {
+    get iGrandPropMangle(): number {
+        return this._grandPropMangle2;
+    }
+    set iGrandPropMangle(value: number) {
+        this._grandPropMangle2 = value;
+    }
+    
+    private _grandPropMangle2: number = 0;
+    private _grandPropMangle1: number = 0;
+    protected _grandProtectedPropDontMangle: number = 1;
+    
+    /** @mangle */
+    protected _grandProtectedPropMangle: number = 1;
+    /** @mangle */
+    public grandPublicPropMangle: number = 2;
+
+    iGrandPublicPropMangleMe: number = 3;
+    iGrandPublicPropMangleJsDocButInDontMangleList: number = 0;
+
+    public helloGrandMangleInMangleList(): void {
+
+    }
+
+    helloGrandDontMangle1(): void {
+        this._grandPrivateMethod();
+    }
+
+    public helloGrandDontMangleMe(): void {
+    }
+
+    /** @mangle */
+    public abstract helloGrandMangleMePublic(): void;
+
+    /** @mangle */
+    protected helloGrandMangleMeProtected(): void {}
+
+    protected abstract helloGrandAbstractDontMangle(): void;
+
+    /** @mangle */
+    protected abstract helloGrandAbstractMangleMe(): void;
+
+    helloGrandMangleMe3(): void {
+    }
+
+    private _grandPrivateMethod(): void {
+        this._grandPropMangle1 = 123;
+    }
+
+    /** @mangle */
+    get grandPropDontMangle(): number {
+        return this._grandPropMangle1;
+    }
+
+    /** @mangle */
+    set grandPropDontMangle(value: number) {
+        this._grandPropMangle1 = value;
+    }
+}
+
+export class ManglePropertyBase extends ManglePropertyGrand implements ManglePropertyBase {
+    protected helloGrandAbstractDontMangle(): void {
+        this._grandProtectedPropDontMangle = 444;
+        this._grandProtectedPropMangle = 555;
+    }
+    protected helloGrandAbstractMangleMe(): void {
+    }
+
+    /** @mangle */
+    helloGrandDontMangle1(): void {
+
+    }
+
+    helloGrandMangleMePublic(): void {
+    }
+
+    protected helloGrandMangleMeProtected(): void {
+        
+    }
+
+    helloGrandMangleMe3(): void {
+        super.helloGrandMangleMe3();
+    }
+
+    private _baseProp: number = 0;
+    protected _baseProtectedProp: number = 1;
+    /** @mangle */
+    public _basePublicProp1Mangle: number = 2;
+    _basePublicProp2DontMangle: number = 3;
+
+    /** @mangle */
+    public declare declarePropMangle: string;
+    public declare declarePropDontMangle: number;
+
+    constructor() {
+        super();
+        this._basePrivateMethod();
+        this.declarePropMangle = 'world';
+        this.declarePropDontMangle = 123;
+    }
+
+    private _basePrivateMethod(): void {
+        this._dontMangleMeProp = 444;
+        this.dontMangleMe();
+        console.log(this.privateGetterMangle);
+    }
+
+    get dontMangleMePropGetter(): number {
+        return this._dontMangleMeProp;
+    }
+
+    private get privateGetterMangle(): number {
+        return this._mangleMeProp;
+    }
+
+    /** @mangle */
+    basePublicMethod(): void {}
+
+    _mangleMeProp = 123;
+    public _mangleMeProp2 = 'hello';
+
+    private _dontMangleMeProp = 1233;
+    protected dontMangleMeProp2 = 'hello3';
+    /** @mangle */
+    dontMangleMeProp3 = 1234;
+
+    mangleMe(): void {}
+    public mangleMe2(): void {}
+    private dontMangleMe(): void {}
+    protected dontMangleMe2(): void {}
+    /** @mangle */
+    public dontMangleMe3(): void {}
+}
+
+export enum MangleTestMyBaseEnum {
+    HELLO = 123444,
+    WORLD,
+    FOO = 123,
+    BAR,
+    TS,
+    BABEL
+}
+
+export interface IMangleTest {
+    /** @mangle */
+    helloInterface1 (): void;
+    helloInterface2 (v: string): number;
+    /** @mangle */
+    helloInterface3? (v: string): number;
+    /** @mangle */
+    interfaceProp1: number;
+    interfaceProp2: string;
+    /** @mangle */
+    interfaceProp3?: boolean;
+}
+
+export interface IWebGLGPUTexture {
+    /** @mangle */
+    width: number;
+    height: number;
+    depth: number;
+    /** @mangle */
+    size: number;
+    arrayLayer: number;
+    mipLevel: number;
+    /** @mangle */
+    isPowerOf2: boolean;
+
+    glTarget: GLenum;
+    glInternalFmt: GLenum;
+    glFormat: GLenum;
+    glType: GLenum;
+    glUsage: GLenum;
+    glTexture: WebGLTexture | null;
+    glRenderbuffer: WebGLRenderbuffer | null;
+    glWrapS: GLenum;
+    glWrapT: GLenum;
+    glMinFilter: GLenum;
+    glMagFilter: GLenum;
+    isSwapchainTexture: boolean;
+
+    get widthGetter(): number;
+    set widthSetter(value: number);
+
+    /** @mangle */
+    helloMangle(): void;
+
+    helloDontMangle(): void;
+}
+
+/** @mangle */
+export interface IWebGLGPUTexture2 {
+    width: number;
+    height: number;
+    depth: number;
+    size: number;
+    arrayLayer: number;
+    mipLevel: number;
+    isPowerOf2: boolean;
+
+    glTarget: GLenum;
+    glInternalFmt: GLenum;
+    glFormat: GLenum;
+    glType: GLenum;
+    glUsage: GLenum;
+    glTexture: WebGLTexture | null;
+    glRenderbuffer: WebGLRenderbuffer | null;
+    glWrapS: GLenum;
+    glWrapT: GLenum;
+    glMinFilter: GLenum;
+    glMagFilter: GLenum;
+    isSwapchainTexture: boolean;
+
+    /** @mangle */
+    get widthGetter(): number;
+    set widthSetter(value: number);
+}
+
+export interface IWebGLGPUTexture3 {
+    /** @mangle */
+    width: number;
+    height: number;
+    depth: number;
+    /** @mangle */
+    size: number;
+    arrayLayer: number;
+    mipLevel: number;
+    /** @mangle */
+    isPowerOf2: boolean;
+
+    glTarget: GLenum;
+    glInternalFmt: GLenum;
+    glFormat: GLenum;
+    glType: GLenum;
+    glUsage: GLenum;
+    glTexture: WebGLTexture | null;
+    glRenderbuffer: WebGLRenderbuffer | null;
+    glWrapS: GLenum;
+    glWrapT: GLenum;
+    glMinFilter: GLenum;
+    glMagFilter: GLenum;
+    isSwapchainTexture: boolean;
+}
+
+export interface IWebGLGPUTexture4 {
+    width: number;
+    height: number;
+    depth: number;
+    size: number;
+    arrayLayer: number;
+    mipLevel: number;
+    isPowerOf2: boolean;
+
+    glTarget: GLenum;
+    glInternalFmt: GLenum;
+    glFormat: GLenum;
+    glType: GLenum;
+    glUsage: GLenum;
+    glTexture: WebGLTexture | null;
+    glRenderbuffer: WebGLRenderbuffer | null;
+    glWrapS: GLenum;
+    glWrapT: GLenum;
+    glMinFilter: GLenum;
+    glMagFilter: GLenum;
+    isSwapchainTexture: boolean;
+
+    get widthGetter(): number;
+}
+
+export interface IWebGLBindingMapping {
+    blockOffsets: number[];
+    samplerTextureOffsets: number[];
+    flexibleSet: number;
+}
+
+/** @mangle */
+export interface IWebGLGPUShaderStage {
+    source: string | number;
+    glShader: WebGLShader | null;
+}
+
+/** @mangle */
+export interface IWebGLGPUShader {
+    name: string | number;
+    gpuStages: IWebGLGPUShaderStage[];
+    gpuStageMap: Record<string, IWebGLGPUShaderStage>;
+}
diff --git a/test/test-engine-source/cocos/mangle-private-properties-test.ts b/test/test-engine-source/cocos/mangle-private-properties-test.ts
new file mode 100644
index 00000000..224a58f9
--- /dev/null
+++ b/test/test-engine-source/cocos/mangle-private-properties-test.ts
@@ -0,0 +1,742 @@
+import { IMangleGrand, IMangleTest, IWebGLBindingMapping, IWebGLGPUShader, IWebGLGPUTexture, IWebGLGPUTexture2, IWebGLGPUTexture3, IWebGLGPUTexture4, ManglePropertyBase, ManglePropertyGrand, MangleTestMyBaseEnum, MangleWholeClass, MyClassExtendsMangleWholeClass } from './mangle-private-base';
+
+const dontmangle: PropertyDecorator = function (target, propertyKey) {};
+
+export * from './mangle-private-base';
+
+export enum MangleTestMyEnum {
+    AAA,
+    BBB,
+    CCC = 123,
+    DDD,
+}
+
+export enum MangleTestMyStringEnum {
+    AAA = 'aaa',
+    BBB = 'bbb',
+    CCC = 'ccc',
+}
+
+export const enum MangleTestConstEnum {
+    CONST_A = 1,
+    CONST_B = 2,
+    'space key',
+    // eslint-disable-next-line quotes
+    "space key2",
+}
+
+console.log(`MangleTestConstEnum.CONST_A: ${MangleTestConstEnum.CONST_A}`);
+console.log(`MangleTestConstEnum.CONST_B: ${MangleTestConstEnum.CONST_B}`);
+console.log(`MangleTestConstEnum['space key']: ${MangleTestConstEnum['space key']}`);
+// eslint-disable-next-line quotes
+console.log(`MangleTestConstEnum["space key2"]: ${MangleTestConstEnum["space key2"]}`);
+export class ManglePrivatePropertiesTest extends ManglePropertyBase implements IMangleTest {
+    private instanceProperty: string = '';
+
+    private static staticProperty: string = '';
+  
+    private instanceMethod(): void {}
+  
+    private static staticMethod(): void {}
+
+    private myProp0: number = 123;
+    private myProp1: number = 456;
+
+    @dontmangle
+    private myProp222: number = 789;
+
+    private myProp2: number;
+    private myProp3;
+
+    private declare myProp4: number;
+
+    private _myEnum1: MangleTestMyEnum = MangleTestMyEnum.BBB;
+    private _myEnum2: MangleTestMyEnum = MangleTestMyEnum.DDD;
+    private _myStringEnum: MangleTestMyStringEnum = MangleTestMyStringEnum.CCC;
+    private _myConstEnum: MangleTestConstEnum = MangleTestConstEnum.CONST_B;
+    private _myConstEnum2: MangleTestConstEnum = MangleTestConstEnum['space key'];
+    // eslint-disable-next-line quotes
+    private _myConstEnum3: MangleTestConstEnum = MangleTestConstEnum["space key2"];
+
+
+    /**
+     * @mangle
+     * @engineInternal
+     * This is a public property in internal modules, so we need to mangle it 
+     * to reduce package size.
+     */
+    public publicProp1 = 123;
+
+    /** 
+     * @mangle
+     * @engineInternal
+     * This is a public property in internal modules, so we need to mangle it
+     */
+    publicProp2 = 'hello';
+
+    // @mangle
+    // @engineInternal
+    // This is a public property in internal modules, so we need to mangle it
+    public declare publicProp3: number;
+
+    get accessorProp0(): number {
+        return this.myProp0;
+    }
+
+    set accessorProp0(value: number) {
+        this.myProp0 = value;
+    }
+
+    constructor() {
+        super();
+        this.myProp2 = 123;
+        this.myProp4 = 789;
+        this.publicProp3 = 456;
+        this.dontMangleMeProp2 = 'world';
+        this.dontMangleMe2();
+        
+    }
+
+    helloInterface1(): void {
+
+    }
+    helloInterface2(v: string): number {
+        return v.length;
+    }
+    
+    interfaceProp1 = 1;
+    interfaceProp2 = '2';
+
+    private helloIntEnum(value: MangleTestMyEnum): void {
+        console.log(value);
+        this._myConstEnum3 = MangleTestConstEnum['space key'];
+        this._myConstEnum2 = MangleTestConstEnum['space key2'];
+    }
+
+    private helloStringEnum(value: MangleTestMyStringEnum): void {
+        console.log(value);
+    }
+
+    get myEnum1(): MangleTestMyEnum {
+        return this._myEnum1;
+    }
+
+    get myEnum2(): MangleTestMyEnum {
+        return this._myEnum2;
+    }
+
+    get myStringEnum(): MangleTestMyStringEnum {
+        return this._myStringEnum;
+    }
+
+    public getFoo(): string {
+        this.instanceMethod();
+        ManglePrivatePropertiesTest.staticMethod();
+        ManglePrivatePropertiesTest.staticProperty = 'bar';
+        this._baseProtectedProp = 323;
+        this._basePublicProp1Mangle = 324;
+        this._basePublicProp2DontMangle = 325;
+        this.myProp222 = 0;
+        this.myProp4 = 1;
+        this.helloIntEnum(MangleTestMyEnum.AAA);
+        this.helloStringEnum(MangleTestMyStringEnum.AAA);
+        return this.instanceProperty;
+    }
+
+    helloGrandMangleInMangleList(): void {
+        super.helloGrandMangleInMangleList();
+    }
+
+    helloGrandDontMangle1(): void {
+        super.helloGrandDontMangle1();
+        this._grandProtectedPropDontMangle = 0;
+        this._grandProtectedPropMangle = 2;
+    }
+
+    protected helloGrandAbstractMangleMe(): void {
+        super.helloGrandAbstractMangleMe();
+    }
+
+    protected helloGrandMangleMeProtected(): void {
+        super.helloGrandMangleMeProtected();
+    }
+}
+
+console.log(MangleTestMyBaseEnum.BABEL);
+console.log(MangleTestMyBaseEnum.HELLO);
+console.log(MangleTestMyBaseEnum.FOO);
+
+function doManglePrivatePropertiesTestPublic(obj: ManglePrivatePropertiesTest): void {
+    console.log(`--------------------------`);
+    obj.publicProp1 = 456;
+    obj.publicProp2 = 'world';
+    obj.publicProp3 = 789;
+    obj._basePublicProp1Mangle = 100;
+    obj._basePublicProp2DontMangle = 200;
+    obj.basePublicMethod();
+    obj.declarePropMangle = 'world';
+
+    console.log(`--------------------------`);
+    const base: ManglePropertyBase = obj;
+    base._basePublicProp1Mangle = 101;
+    base._basePublicProp2DontMangle = 201;
+    base.basePublicMethod();
+    base.declarePropMangle = 'hello';
+
+    console.log(`--------------------------`);
+    obj.helloInterface1();
+    obj.helloInterface2('world');
+    obj.interfaceProp1 = 12344;
+    obj.interfaceProp2 = 'world33';
+
+    console.log(`--------------------------`);
+    const intf: IMangleTest = obj;
+    intf.helloInterface1();
+    intf.helloInterface2('world');
+    if (intf.helloInterface3) {
+        intf.helloInterface3('world');
+    }
+    intf.interfaceProp1 = 123;
+    intf.interfaceProp2 = 'world';
+    intf.interfaceProp3 = true;
+
+    console.log(`--------------------------`);
+    obj.grandPropDontMangle = obj.grandPropDontMangle + 1;
+    obj.grandPublicPropMangle = obj.grandPublicPropMangle + 1;
+    obj.helloGrandDontMangle1();
+    obj.helloGrandDontMangleMe();
+    obj.helloGrandMangleMe3();
+    obj.helloGrandMangleMePublic();
+    obj.iGrandPropMangle = obj.iGrandPropMangle + 1;
+    obj.iGrandPublicPropMangleJsDocButInDontMangleList = obj.iGrandPublicPropMangleJsDocButInDontMangleList + 1;
+    
+    console.log(`--------------------------`);
+    const grand: ManglePropertyGrand = obj;
+    grand.grandPropDontMangle = grand.grandPropDontMangle + 1;
+    grand.grandPublicPropMangle = grand.grandPublicPropMangle + 1;
+    grand.helloGrandDontMangle1();
+    grand.helloGrandDontMangleMe();
+    grand.helloGrandMangleMe3();
+    grand.helloGrandMangleMePublic();
+    grand.iGrandPropMangle = grand.iGrandPropMangle + 1;
+    grand.iGrandPublicPropMangleJsDocButInDontMangleList = grand.iGrandPublicPropMangleJsDocButInDontMangleList + 1;
+
+    console.log(`--------------------------`);
+    const iGrand: IMangleGrand = obj;
+    iGrand.helloGrandDontMangle1();
+    iGrand.helloGrandMangleMe3();
+    iGrand.iGrandPublicPropMangleMe = iGrand.iGrandPublicPropMangleMe + 1;
+    iGrand.iGrandPropMangle = iGrand.iGrandPropMangle + 1;
+    iGrand.iGrandPublicPropMangleJsDocButInDontMangleList = iGrand.iGrandPublicPropMangleJsDocButInDontMangleList + 1;    
+}
+doManglePrivatePropertiesTestPublic(new ManglePrivatePropertiesTest());
+
+((obj: ManglePrivatePropertiesTest) => {
+    obj._mangleMeProp = 333;
+    obj._mangleMeProp2 = 'world';
+    obj.dontMangleMeProp3 = 444;
+    obj.mangleMe();
+    obj.mangleMe2();
+    obj.dontMangleMe3();
+
+})(new ManglePrivatePropertiesTest);
+
+(() => {
+    console.log(`test interface 2`);
+    const intf: IMangleTest = {
+        helloInterface1() {},
+        helloInterface2() { return 0; },
+        interfaceProp1: 123,
+        interfaceProp2: 'world',
+        interfaceProp3: true,
+    };
+
+    intf.helloInterface1();
+    intf.helloInterface2('world');
+    if (intf.helloInterface3) {
+        intf.helloInterface3('world');
+    }
+    intf.interfaceProp1 = 123;
+    intf.interfaceProp2 = 'world';
+    intf.interfaceProp3 = true;
+
+    console.log(`--------------------------`);
+    const { helloInterface1, helloInterface2, helloInterface3, interfaceProp1, interfaceProp2, interfaceProp3 } = intf;
+    helloInterface1();
+    helloInterface2('world');
+    if (helloInterface3) helloInterface3('world');
+    console.log(interfaceProp1);
+    console.log(interfaceProp2);
+    console.log(interfaceProp3);
+
+})();
+
+(() => {
+    const a: IWebGLBindingMapping = {
+        blockOffsets: [],
+        samplerTextureOffsets: [],
+        flexibleSet: 0
+    };
+    console.log(a.blockOffsets, a.samplerTextureOffsets, a.flexibleSet);
+
+    console.log(`--------------------------`);
+    const b = new MangleWholeClass();
+    b.mangleWholeClassPublicProp1 = 456;
+    b.getMangleWholeClassPrivateProp3();
+    b.helloMangleWholeClassPublicMethod1();
+
+    console.log(`--------------------------`);
+    const c = new MyClassExtendsMangleWholeClass();
+    c.mangleWholeClassPublicProp1 = 456;
+    c.getMangleWholeClassPrivateProp3();
+    c.helloMangleWholeClassPublicMethod1();
+    c.helloSubclassExtendsMangleWholeMethod1();
+    c.getSubclassExtendsMangleWholeProp1();
+    c.helloMangleWholeClassBasePublicMethod1();
+    c.helloMangleWholeClassInterfaceMethod1();
+    c.iMangleWholeClassInterfaceProp1 = 2;
+    c.iMangleWholeClassInterfaceProp2 = 'world';
+})();
+
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture --------------------------`);
+    const width = 123;
+    let aaaaaaaaa: IWebGLGPUTexture | undefined;
+    aaaaaaaaa = undefined;
+    aaaaaaaaa = {
+        width,
+        height: width,
+        depth: width,
+        size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: 0,
+        glFormat: 0,
+        glType: 0,
+        glUsage: 0,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false,
+
+        get widthGetter(): number { return 1; },
+        set widthSetter(value: number) {},
+
+        helloMangle(): void {},
+
+        helloDontMangle(): void {},
+    };
+    console.log(aaaaaaaaa.width);
+    console.log(aaaaaaaaa.height);
+    console.log(aaaaaaaaa.depth);
+    console.log(aaaaaaaaa.size);
+    console.log(aaaaaaaaa.arrayLayer);
+    console.log(aaaaaaaaa.mipLevel);
+    console.log(aaaaaaaaa.isPowerOf2);
+    console.log(aaaaaaaaa.glTarget);
+    console.log(aaaaaaaaa.glInternalFmt);
+    console.log(aaaaaaaaa.glFormat);
+    console.log(aaaaaaaaa.glType);
+    console.log(aaaaaaaaa.glUsage);
+    console.log(aaaaaaaaa.glTexture);
+    console.log(aaaaaaaaa.glRenderbuffer);
+    console.log(aaaaaaaaa.glWrapS);
+    console.log(aaaaaaaaa.glWrapT);
+    console.log(aaaaaaaaa.glMinFilter);
+    console.log(aaaaaaaaa.glMagFilter);
+    console.log(aaaaaaaaa.isSwapchainTexture);
+    console.log(aaaaaaaaa.widthGetter);
+    console.log(aaaaaaaaa.widthSetter);
+    console.log(aaaaaaaaa.helloMangle());
+    console.log(aaaaaaaaa.helloDontMangle());
+})();
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture1 --------------------------`);
+    const width = 123;
+    const a: IWebGLGPUTexture = {
+        width,
+        height: 0,
+        depth: 0,
+        size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: 0,
+        glFormat: 0,
+        glType: 0,
+        glUsage: 0,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false,
+        get widthGetter(): number { return 1; },
+        set widthSetter(value: number) {},
+
+        helloMangle(): void {},
+
+        helloDontMangle(): void {},
+    };
+    console.log(a.width);
+    console.log(a.height);
+    console.log(a.depth);
+    console.log(a.size);
+    console.log(a.arrayLayer);
+    console.log(a.mipLevel);
+    console.log(a.isPowerOf2);
+    console.log(a.glTarget);
+    console.log(a.glInternalFmt);
+    console.log(a.glFormat);
+    console.log(a.glType);
+    console.log(a.glUsage);
+    console.log(a.glTexture);
+    console.log(a.glRenderbuffer);
+    console.log(a.glWrapS);
+    console.log(a.glWrapT);
+    console.log(a.glMinFilter);
+    console.log(a.glMagFilter);
+    console.log(a.isSwapchainTexture);
+    console.log(a.widthGetter);
+    console.log(a.widthSetter);
+    console.log(a.helloMangle());
+    console.log(a.helloDontMangle());
+})();
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture2 --------------------------`);
+    const width = 123;
+    let aaaaaaaaa: IWebGLGPUTexture2 | undefined;
+    aaaaaaaaa = undefined;
+    aaaaaaaaa = {
+        width,
+        height: 0,
+        depth: 0,
+        size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: width,
+        glFormat: 0,
+        glType: 0,
+        glUsage: 0,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false,
+        get widthGetter(): number { return 1; },
+        set widthSetter(value: number) {},
+    };
+    console.log(aaaaaaaaa.width);
+    console.log(aaaaaaaaa.height);
+    console.log(aaaaaaaaa.depth);
+    console.log(aaaaaaaaa.size);
+    console.log(aaaaaaaaa.arrayLayer);
+    console.log(aaaaaaaaa.mipLevel);
+    console.log(aaaaaaaaa.isPowerOf2);
+    console.log(aaaaaaaaa.glTarget);
+    console.log(aaaaaaaaa.glInternalFmt);
+    console.log(aaaaaaaaa.glFormat);
+    console.log(aaaaaaaaa.glType);
+    console.log(aaaaaaaaa.glUsage);
+    console.log(aaaaaaaaa.glTexture);
+    console.log(aaaaaaaaa.glRenderbuffer);
+    console.log(aaaaaaaaa.glWrapS);
+    console.log(aaaaaaaaa.glWrapT);
+    console.log(aaaaaaaaa.glMinFilter);
+    console.log(aaaaaaaaa.glMagFilter);
+    console.log(aaaaaaaaa.isSwapchainTexture);
+    console.log(aaaaaaaaa.widthGetter);
+    console.log(aaaaaaaaa.widthSetter);
+})();
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture3 --------------------------`);
+    const width = 123;
+    let aaaaaaaaa: IWebGLGPUTexture3 | undefined;
+    aaaaaaaaa = undefined;
+    aaaaaaaaa = {
+        width,
+        height: 0,
+        depth: 0,
+        size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: 0,
+        glFormat: 0,
+        glType: width,
+        glUsage: 0,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false
+    };
+    console.log(aaaaaaaaa.width);
+    console.log(aaaaaaaaa.height);
+    console.log(aaaaaaaaa.depth);
+    console.log(aaaaaaaaa.size);
+    console.log(aaaaaaaaa.arrayLayer);
+    console.log(aaaaaaaaa.mipLevel);
+    console.log(aaaaaaaaa.isPowerOf2);
+    console.log(aaaaaaaaa.glTarget);
+    console.log(aaaaaaaaa.glInternalFmt);
+    console.log(aaaaaaaaa.glFormat);
+    console.log(aaaaaaaaa.glType);
+    console.log(aaaaaaaaa.glUsage);
+    console.log(aaaaaaaaa.glTexture);
+    console.log(aaaaaaaaa.glRenderbuffer);
+    console.log(aaaaaaaaa.glWrapS);
+    console.log(aaaaaaaaa.glWrapT);
+    console.log(aaaaaaaaa.glMinFilter);
+    console.log(aaaaaaaaa.glMagFilter);
+    console.log(aaaaaaaaa.isSwapchainTexture);
+})();
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture4 --------------------------`);
+    const width = 123;
+    let aaaaaaaaa: IWebGLGPUTexture4 | undefined;
+    aaaaaaaaa = undefined;
+    aaaaaaaaa = {
+        width,
+        height: 0,
+        depth: 0,
+        size: 0,
+        arrayLayer: 0,
+        mipLevel: 0,
+        isPowerOf2: false,
+        glTarget: 0,
+        glInternalFmt: 0,
+        glFormat: 0,
+        glType: 0,
+        glUsage: width,
+        glTexture: null,
+        glRenderbuffer: null,
+        glWrapS: 0,
+        glWrapT: 0,
+        glMinFilter: 0,
+        glMagFilter: 0,
+        isSwapchainTexture: false,
+        get widthGetter(): number { return 1; },
+    };
+    console.log(aaaaaaaaa.width);
+    console.log(aaaaaaaaa.height);
+    console.log(aaaaaaaaa.depth);
+    console.log(aaaaaaaaa.size);
+    console.log(aaaaaaaaa.arrayLayer);
+    console.log(aaaaaaaaa.mipLevel);
+    console.log(aaaaaaaaa.isPowerOf2);
+    console.log(aaaaaaaaa.glTarget);
+    console.log(aaaaaaaaa.glInternalFmt);
+    console.log(aaaaaaaaa.glFormat);
+    console.log(aaaaaaaaa.glType);
+    console.log(aaaaaaaaa.glUsage);
+    console.log(aaaaaaaaa.glTexture);
+    console.log(aaaaaaaaa.glRenderbuffer);
+    console.log(aaaaaaaaa.glWrapS);
+    console.log(aaaaaaaaa.glWrapT);
+    console.log(aaaaaaaaa.glMinFilter);
+    console.log(aaaaaaaaa.glMagFilter);
+    console.log(aaaaaaaaa.isSwapchainTexture);
+    console.log(aaaaaaaaa.widthGetter);
+})();
+
+(() => {
+    console.log(`-------------------------- IWebGLGPUTexture in class --------------------------`);
+    const width = 123;
+    class MyTexture {
+        get gpuTexture(): IWebGLGPUTexture {
+            return this._gpuTexture;
+        }
+
+        private _gpuTexture!: IWebGLGPUTexture;
+
+        init(): this {
+            this._gpuTexture = {
+                width,
+                height: 0,
+                depth: 0,
+                size: 0,
+                arrayLayer: 0,
+                mipLevel: 0,
+                isPowerOf2: false,
+                glTarget: 0,
+                glInternalFmt: 0,
+                glFormat: 0,
+                glType: width,
+                glUsage: 0,
+                glTexture: null,
+                glRenderbuffer: null,
+                glWrapS: 0,
+                glWrapT: 0,
+                glMinFilter: 0,
+                glMagFilter: 0,
+                isSwapchainTexture: false,
+                
+                get widthGetter(): number { return 1; },
+                set widthSetter(value: number) {},
+
+                helloMangle(): void {},
+
+                helloDontMangle(): void {},
+            };
+            return this;
+        }
+    }
+
+    const tex = new MyTexture().init();
+    const aaaaaaaaa = tex.gpuTexture;
+    console.log(aaaaaaaaa.width);
+    console.log(aaaaaaaaa.height);
+    console.log(aaaaaaaaa.depth);
+    console.log(aaaaaaaaa.size);
+    console.log(aaaaaaaaa.arrayLayer);
+    console.log(aaaaaaaaa.mipLevel);
+    console.log(aaaaaaaaa.isPowerOf2);
+    console.log(aaaaaaaaa.glTarget);
+    console.log(aaaaaaaaa.glInternalFmt);
+    console.log(aaaaaaaaa.glFormat);
+    console.log(aaaaaaaaa.glType);
+    console.log(aaaaaaaaa.glUsage);
+    console.log(aaaaaaaaa.glTexture);
+    console.log(aaaaaaaaa.glRenderbuffer);
+    console.log(aaaaaaaaa.glWrapS);
+    console.log(aaaaaaaaa.glWrapT);
+    console.log(aaaaaaaaa.glMinFilter);
+    console.log(aaaaaaaaa.glMagFilter);
+    console.log(aaaaaaaaa.isSwapchainTexture);
+    console.log(aaaaaaaaa.widthGetter);
+    console.log(aaaaaaaaa.widthSetter);
+    console.log(aaaaaaaaa.helloMangle());
+    console.log(aaaaaaaaa.helloDontMangle());
+
+})();
+
+
+(() => {
+    const gpuShader: IWebGLGPUShader = {
+        name: '',
+        gpuStages: [{
+            source: '1',
+            glShader: null,
+        }, {
+            source: '2',
+            glShader: null,
+        }],
+        gpuStageMap: {
+            hello: {
+                source: '1',
+                glShader: null,
+            },
+            world: {
+                source: '2',
+                glShader: null,
+            }
+        }
+    };
+    console.log(gpuShader.name);
+    console.log(gpuShader.gpuStages[0].glShader);
+    console.log(gpuShader.gpuStages[0].source);
+})();
+
+(() => {
+    let gpuShader: IWebGLGPUShader | undefined;
+    gpuShader = undefined;
+    gpuShader = {
+        name: '',
+        gpuStages: [{
+            source: '1',
+            glShader: null,
+        }, {
+            source: '2',
+            glShader: null,
+        }],
+        gpuStageMap: {
+            hello: {
+                source: '1',
+                glShader: null,
+            },
+            world: {
+                source: '2',
+                glShader: null,
+            }
+        }
+    };
+    console.log(gpuShader.name);
+    console.log(gpuShader.gpuStages[0].glShader);
+    console.log(gpuShader.gpuStages[0].source);
+})();
+
+/** @mangle */
+export interface IUnionBase1 {
+    ia: number;
+    ib: string;
+}
+
+/** @mangle */
+export interface IUnionBase2 {
+    ic: boolean;
+    id: number;
+}
+
+/** @mangle */
+export interface IUnionBase3 {
+    ie: IUnionBase1 | IUnionBase2;
+}
+
+(() => {
+    const a: IUnionBase1 = {
+        ia: 1,
+        ib: 'world',
+    };
+    const b: IUnionBase3 = {
+        ie: a,
+    };
+    console.log(a.ia);
+    console.log(a.ib);
+    console.log(b.ie);
+
+    if ('ia' in b.ie) {
+        console.log(b.ie.ia);
+        console.log(b.ie.ib);
+    } else {
+        console.log(b.ie.ic);
+        console.log(b.ie.id);
+    }
+
+})();
+
+(() => {
+    const a: IUnionBase2[] = [];
+    a.push({
+        ic: true,
+        id: 1,
+    });
+    const b: IUnionBase2 = {
+        ic: false,
+        id: 2,
+    };
+    a.push(b);
+    console.log(a[0].ic);
+    console.log(a[0].id);
+    console.log(a[1].ic);
+    console.log(a[1].id);
+})();
\ No newline at end of file
diff --git a/test/test-engine-source/exports/mangle-private-properties-test.ts b/test/test-engine-source/exports/mangle-private-properties-test.ts
new file mode 100644
index 00000000..2bfe7700
--- /dev/null
+++ b/test/test-engine-source/exports/mangle-private-properties-test.ts
@@ -0,0 +1 @@
+export * from '../cocos/mangle-private-properties-test';