2016-12-05 3 views
0

Я использую архитектуру angular-cli для начальной настройки приложения.angular-cli: Импорт файлов node_modules в каталог src

Я хочу импортировать некоторые из глобальных файлов css в файл index.html. Но поскольку каталог node_modules находится вне моего каталога src, я не получаю точный путь и, следовательно, css не применяется.

Я использую путь в следующих злее,

Я попытался без ../ также, но это также не работает.

для ex.

<link href="node_modules/ng2-toastr/bundles/ng2-toastr.min.css" rel="stylesheet"/> 

& &

<link href="../node_modules/ng2-toastr/bundles/ng2-toastr.min.css" rel="stylesheet"/> 

Но оба пути не работают.

Что-то не так, я делаю?

Это структура приложения.

enter image description here

Я использую угловой 2.2.1

Здесь ошибка я получаю

enter image description here

Спасибо заранее

+0

Вы проверили консоль? (Http://stackoverflow.com/documentation/javascript/185/getting-started-with-javascript/714/using-console-log) Вы получаете ошибку 404? Вы обслуживаете 'node_modules' над вашим сервером? –

+0

Да. Я обновил вопрос с помощью экрана –

+0

Возможно [этот ответ] (http://stackoverflow.com/questions/37844334/add-the-css-from-the-node-modules-folder-using-angular-cli) поможет вам – Shaho

ответ

4

Проверьте documentation угловой CLI о том, как установить глобальные библиотеки,

Вы должны изменить свой файл angular-cli.json, чтобы включить файлы css в файл в комплекте, который не используется непосредственно в HTML.

"styles": [ 
    "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css" 
] 

Надеюсь, это поможет!

+0

Thanks Madhu Добавлен путь в angular-cli.json, но что я должен писать в index.html? –

+0

@PinankLakhani Ничего. – Chrillewoodz

+0

, когда вы добавляете его в папку стилей, CLI связывает файл с 'styles.bundle', поэтому вам не нужно ничего добавлять в свой HTML, Cheers !! –

Смежные вопросы