构建独立 html 文件打开无法正常显示页面

详细描述你的问题

前提

代码中使用库@react-spring/web

config.ts 如下，如果不添加如下配置，构建会报错

const userConfig: UserConfig = {
babelOptions: {
include: [/@react-spring/]
}
}

报错如下：

ERROR in ./node_modules/@react-spring/web/dist/esm/index.js 1:2829
Module parse failed: Unexpected token (1:2829)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> import{Globals as M}from"@react-spring/core";......;
| 
@ ./web/pages/index/render.tsx 2:0-56 12:14-23 21:35-43 24:28-36
@ ./build/ssr-declare-routes.js
@ ./node_modules/ssr-plugin-react18/cjs/entry/create-router.js
@ ./node_modules/ssr-plugin-react18/cjs/entry/client-entry.js
@ multi ./node_modules/ssr-plugin-react18/cjs/entry/client-entry.js

只有一个路由，web/pages/index/render.tsx


import { useSpring, animated } from '@react-spring/web'
import { useState } from 'react'
import './index.less'

export default function Index() { const [open, toggle] = useState(false) const props = useSpring({ width: open ? 200 : 0 })

return (

toggle(!open)} className='main'> {props.width.to((x) => x.toFixed(0))}

</div>

) }

### 问题
构建后，使用`http-server`，打开打包后的html文件
- 构建命令不添加`--optimize`选项：`ssr build --html` ，打开html文件，页面正常
- 构建命令添加`--optimize`选项：`ssr build --optimize --html`，打开html文件，页面空白
- 将使用库`@react-spring/web`相关的代码删除，使用以上两种不同构建方式，页面打开都正常
## 期望的结果
期望能正常使用高性能产物构建策略，在使用第三方库`@react-spring/web`的情况下，需要额外的配置，不知道是否正确
## 当前使用的版本

├─ ssr-common-utils@6.2.77 ├─ ssr-core@6.2.22 ├─ ssr-deepclone@1.0.1 ├─ ssr-hoc-react18@6.2.11 ├─ ssr-mini-css-extract-plugin@1.6.3 ├─ ssr-plugin-nestjs@6.2.20 ├─ ssr-plugin-react18@6.2.61 │ └─ ssri@7.1.1 ├─ ssr-serialize-javascript@6.0.4 ├─ ssr-types@6.2.43 ├─ ssr-vite-plugin-style-import@2.0.1 ├─ ssr-webpack@6.2.11 ├─ ssr@6.2.46 └─ ssri@6.0.2


## 复现仓库地址
`git@github.com:381924237/my-ssr-project.git`
## 你本人对问题可能的原因判断(如果你能大概判断的话)

zhangyuang / ssr

构建独立 html 文件打开无法正常显示页面 #279

详细描述你的问题

前提