Я нашел один сценарий, в котором изображения отображаются непосредственно в папке dist после ng build
.
Я создал образец углового приложения. Ниже приведены подробности. Даже изображение находится внутри папки с ресурсами. Он копируется прямо в dist. Таким образом, он дублируется, что также приводит к увеличению размера сборки.
Как этого избежать? Мне нужно изображение только в папке с ресурсами. Снаружи должно быть чисто. Пожалуйста, помогите, если кто-нибудь столкнулся с подобной проблемой.
структура проекта
angular.json
"myapp": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "projects/myapp",
"sourceRoot": "projects/myapp/src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/myapp",
"index": "projects/myapp/src/index.html",
"main": "projects/myapp/src/main.ts",
"polyfills": "projects/myapp/src/polyfills.ts",
"tsConfig": "projects/myapp/tsconfig.app.json",
"aot": true,
"assets": [
"projects/myapp/src/favicon.ico",
"projects/myapp/src/assets"
],
"styles": [
"projects/myapp/src/styles.scss",
"projects/myapp/src/assets/theme/victor-theme/style.scss"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "projects/myapp/src/environments/environment.ts",
"with": "projects/myapp/src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
"maximumError": "10kb"
}
]
}
}
},
CSS
.tree_status_ico:disabled {
opacity: 0.6;
background-size: 18px;
background: transparent url(assets/img/agg_status.svg) no-repeat center;
}
после сборки ng