Angular 6 - сборка с активами не найдена

Question

Я пытаюсь создать сборку моего углового проекта.Я использую scss с такими активами:

.ciao {
  background-image: url("../../assets/images/bck--registration-company.png");
}

с кодом:

ng build --prod --configuration=coll --base-href ./

У меня внутри папка dist, в том же каталоге index.html, файл "bck - registration-company.png "и папка" assets ", внутри которой находится еще один" bck - registration-company.png ".Я хотел бы использовать ресурсы внутри папки активов.

Я пытался изменить базовый href, относительный и абсолютный путь к изображению, но ничего.пример:

.background--image-carousel2{
  background-image: url("/assets/images/carousel2.jpg");
}

с этим путем URL ЗАПРОСА):

Request URL: http://localhost:63342/assets/images/carousel2.jpg

это неверно, потому что это может быть:

http://localhost:63342/project/dist/name_project/assets/images/bck--registration-company.png

в моем углу.json:

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/name_project",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/assets"
        ],
        "styles": [
          "src/styles.scss"
        ],
        "scripts": [

        ]
      },

Как я могу решить эту проблему?Спасибо.

Answer 1

Попробуйте вот так

Angular может напрямую обращаться к папке assets .

.ciao {
   background-image: url("assets/images/bck--registration-company.png");
}

Затем сделайте сборку

ng build --prod 

Затем поместите весь системный путь в файл dist / index.html

В базовом url указан полный путь к папке проекта.