如何从 Vue-component 中的 node_modules 导入 css 文件

Question

我想将此toastr-library 连接到我的组件中：

我的组件.vue

<script>
  import toastr from 'toastr';

  export default {
    mounted(){
      toastr.success('Hello from toastr!');
    }
  }
</script>

<template>
  <div>
    Template for my-component.vue here.
  </div>
</template>


<style>
  /* HOW TO IMPORT `toastr.css` FROM NODE_MODULES HERE?
</style>

如何从 node_modules 目录连接库的 css？

Answer 1

正如@LinusBorg 在vue-loader 讨论线程中建议的here，您可以在<style>-tag 中使用src-attribute：

我的组件.vue

<script>
  import toastr from 'toastr';

  export default {
    mounted(){
      toastr.success('Hello from toastr!');
    }
  }
</script>

<template>
  <div>
    Template for my-component.vue here.
  </div>
</template>


<style src='toastr/build/toastr.min.css'></style>