How to use Vueify with styles in the node_modules directory

[JessicaSachs]

I have some SFC .vue files that get compiled by Vueify... but for styles inside of my node_modules, my @import's are not being replaced with the contents of the modules I want to import. It works for local files just fine... My editor can find the file at the path that I'm navigating to, so I'm positive I haven't typo'd it.

We're running a really basic vueify setup and we don't have any custom configuration options setup.

Example code

<template>
<v-calendar></v-calendar>
</template>

<script>
const { Calendar } = require('v-calendar');
module.exports = {
    name: 'myComponent'
    components: { 'v-calendar': Calendar },
}
</script>

<style scoped>
@import 'v-calendar/lib/v-calendar.min.css'; // my editor resolves this with no problem... :/
</style>

I've tried:

• Changing the style to be upscoped
• adding "module" after style
• absolute pathing from the current folder to my node_modules, and to that .css file.
• creating a vue.config.js and adding 'node_modules' into the includePaths under "less" (after using lang="less")

Can someone add documentation or explain how to integrate with styles inside of node_modules? Thanks.