Включить локальные CSS-файлы в один компонент VUE - PullRequest
0 голосов
/ 18 декабря 2018

Создаю Laravel vue SPA, мне нужно знать, как включить локальные CSS-файлы только в один компонент vue?

1 Ответ

0 голосов
/ 18 декабря 2018

Вы можете использовать @import, доступный через scss, например так:

<style lang="scss" scoped>
  @import '../css/mycss.scss'; /* injected */
  @import '../css/mycss.css'; /* will use url import (do not use)*/
</style>

Для этого может потребоваться добавить зависимость node-sass и внести некоторые изменения в конфигурацию веб-пакета, если вы неТ уже есть.Если вы используете проект, сгенерированный Vue cli, он, вероятно, уже включен.

Обратите внимание, что если вы хотите, чтобы область действия CSS была ограничена, вам следует переименовать расширение в .scss, таким образом, это будетобрабатывается vue-loader.Импорт файла .css работает не так, как импорт URL-адресов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...