Angular 6 - Локальные файлы (js, css, img) добавлены к ресурсам, не видимым во время выполнения.Как ссылаться на все файлы одновременно?

Question

Использование Angular 6 и Angular CLI 6, Я добавил папку myfolder , которая содержит много файлов:

src/assets/myfolder

Примечание: Я также пробовал:

src/myfolder

Во время выполнения файлы не найдены / не работают, если я не укажу их индивидуально в angular.json с:

"assets": [
                  "src/assets",
                  "src/favicon.ico"
              ],
    "scripts": [
                   "src/assets/myfolder/myfile1.js",
                   "src/assets/myfolder/myfile2.js",
                   "src/assets/myfolder/myfile3.js",
                   "src/assets/myfolder/mycss.css",
                   "src/assets/myfolder/myImage.img"
               ]

Пока это работает, моя папка представляет собой плагин CKEditor и содержит более 100 файлов от js, css до изображений, которые все ссылаются друг на друга. Кажется, должен быть способ добавить все, не ссылаясь на каждый файл в отдельности?

Answer 1

Если вы используете в своем HTML-коде это

например: src="assets/myFolder/logo.png"

Это должно быть достаточно

Answer 2

Добавление не-javascript-файлов в «скрипты» не является обязательным поведением Angular CLI. Вместо этого вы можете добавить (-и) файлы CSS в массив «styles» или импортировать их непосредственно в src / styles.scss

Что касается изображений, шрифтов или любых других ресурсов, то безопасно хранить их в src / assets, если вы ссылаетесь на них по абсолютному пути (начиная с /). Например, в одном из ваших шаблонов у вас может быть что-то вроде <img src="/assets/myfolder/myImage.img"/>, или в ваших файлах scss вы можете иметь .some-class { background-image: url(/assets/myfolder/myImage.img); }

Answer 3

Подстановочных знаков должно хватить

assets: [
      "src/assets/*",
]

В коде всегда используйте

src="assets/..."