Я добавляю существующие файлы .js и .css в приложение Angular 4, которое использует angular-cli 1.0.6. До недавнего обновления я просто ссылался на них в index.html - я знаю, что это «неправильно», но это работало для моих текущих потребностей.

После недавнего обновления я получаю 404 с за все, что я пробовал. Мне удалось добавить файл JavaScript, добавив его в angular-cli.json и затем импортировав в компонент. Это работает, но то же самое не работает для файла .css.

Я пробовал это в index.html: <link rel="stylesheet" type="text/css" href="/scripts/test.css"> Я пробовал в шаблоне компонента: <link rel="stylesheet" type="text/css" href="../../../app/scripts/test.css"> И я попытался добавить его к стилям в компоненте: styleUrls: ['../edit.scss', '../../scripts/test.css'],

Я получаю 404 для всех из них, хотя пути действительны (я могу следовать за ними в редакторе).

Какой правильный способ сделать это?

3
beachCode 27 Май 2017 в 21:55

2 ответа

Лучший ответ

Проект angular-cli по умолчанию содержит файл styles.css в папке src проекта (myAngularCliProjectName/src/styles.css).
В этом файле вы сможете добавлять глобальные стили, а также импортировать другие файлы стилей.
Нет необходимости связывать их из файла index.html.

6
Unsinkable Sam 27 Май 2017 в 21:26

Перейдите к файлу angular-cli.json, и там есть свойство массивов, и вы можете добавить свой CSS-файл в это место, как я это сделал с bootsrap.min.css.

enter image description here

5
LXhelili 27 Май 2017 в 21:31