[sourcemaps] want to load sourcemaps of library and a project to be shown in dev tool

[viswassaripalli]

im using rsbuild in react. got stuck with a blocker.
my project structure:
projectMain
|_ projectA
| |
| | dist
|
|_ node_modules
| |
| | ui-lib
| |
| |_ lib (main.d.ts etc) built using vite
| |
| |_ ui-lib.js
| |_ ui-lib.js.map
| |_ ui-lib.umd.cjs
| |_ ui-lib.ums.cjs.map
|
|_ src (project Main)
|_ rsbuild.config.js

now, i want see sourcemaps of ui-lib & projectA after production build. so, i can debug
please help me out on how to achieve this

[viswassaripalli]

my rsbuild config
{
source: {
preEntry: './src/styles/app.scss',
decorators: {
version: 'legacy'
},
entry: {
index: {
import: './src/main.ts',
html: true
}
}
},
output: {
polyfill: 'entry',
copy: [
{ from: './src/assets', to: 'assets' },
{ from: './src/favicons', to: 'favicons' },
{ from: './src/favicons', to: 'favicons' },
{ from: './src/app_version.json', to: 'app_version.json' },
{ from: './src/config.js', to: 'config.js' },
{ from: './src/version.js', to: 'version.js' }
],
sourceMap: {
js: 'source-map'
},
distPath: {
js: 'js',
jsAsync: 'js/async',
css: 'css',
cssAsync: 'css/async',
font: 'font'
}
},
html: {
template: './src/index.html'
},
performance: {
removeConsole: true
},
plugins: [
pluginSass({
sassLoaderOptions: {
api: 'legacy',
implementation: require.resolve('sass-embedded'),
sassOptions: {
includePaths: ['./src/styles'],
silenceDeprecations: ['legacy-js-api']
}
}
}),
pluginReact(),
pluginTypeCheck({
enable: process.env.NODE_ENV === 'production'
})
]
};