Trying to migrate my angular code from v9 to latest v14. As part of migration, I had migrated to V10 without issues. Next step is to migrate to V11, which is where I am facing an issue. My angular code uses bootstrap and other vendor css libraries. We have bundled the css in a separate folder named vendor both in the source code as well as in deployment. Below is the code snippet in my angular.json file. Under architect -> build -> options:
"styles": [
{
"inject": false,
"input": "src/vendor/styles/bootstrap.scss",
"bundleName": "vendor/styles/bootstrap"
},
This created a folder structure like this for deployment: dist -> vendor -> styles -> bootstrap.css.
But after upgrading my app to V11. The folder support for bundle has been removed and bundleName only supports plaintext without '/' . Now the bundles are created under dist folder itself which causes css file reference issues in my application.
I need help to fix this css bundle issue. Is there a way to create the same folder structure in V11 ? I want to have separate vendor folder for 3rd party libraries in my deployment folder.
PS: I find answers moving these to assets folder, which I already have for css which are specific for my app.
