Вы можете использовать @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-адресов.