Как добавить пользовательские css и js в angular 4

В angular 2 я мог просто добавить их в index.html следующим образом:

<link rel="stylesheet" href="css/mycss.css">

Но в angular 4 он должен быть добавлен в файл angular -cli.json в разделах стилей и script.

В моей ситуации они вообще не загружаются. Нет ошибки, но когда я просматриваю приложение в браузере, я знаю, что стили не загружались. Когда я добавляю стили и js в файл index.html, он не загружается, я получаю 404 в консоли.

Как это исправить? Ниже приведена моя версия angular cli: @angular/cli: 1.0.2 Node: 6.9.2

Ответ 1

Если вы используете angular cli, перейдите к .angular-cli.json, а затем вы можете получить стили ": [], а также" скрипты ": [] внутри них вы можете добавить свои файлы css и js файлы

 "styles": [
            yourfirst-css-file , //comma (,)is important
            your-second-css-file
          ],

Например: -

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/tether/dist/js/tether.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

и ошибка 404 означает, что файл не найден. Попробуйте и добавьте полную папку "url" (src).