Css import bug in child components?

Question

Vue.js

Import and order of css files works correctly only in the first, base component

<template>
            <router-view></router-view>  
    </transition>
</template>

<style lang="scss" type="text/scss">
    @import '~video.js/dist/video-js.css'; // ok
    @import '[email protected]_video.js/dist/video-js.css'; // ok
</style>

All imports that <router-view></router-view>do not work correctly, the order is broken, and sometimes they do not work at all.

<template>
Parent
</template>
<style lang="scss" type="text/scss">
    @import '~video.js/dist/video-js.css'; // ok
</style>


<template>
Child
</template>
<style lang="scss" type="text/scss">
    @import '[email protected]_video.js/dist/video-js.css'; // BROKEN, NOT WORK
</style>