Vue定制导入CSS（SASS）文件

Question

在Vue中，我下面有一个组件：

<template>
  <div></div>
</template>

<style lang="scss">
  .custom {
    @import "http://example.com/assets/css/style.css";
  }
</style>

我有一个options.json文件，可用于设置自定义CSS URL。因此，我可以将CSS URL设置为任何内容。我该如何实现？

梦码

<style lang="scss">
  .custom {
    @import this.options.css;
  }
</style>

我知道在Vue中如何处理变量。对我而言，最棘手的部分是，它们在<template>或<script>内部使用，而不在<style>内部使用。

Answer 1

<script>
import var1 + var2 + var3 + "style.css";
</script>

据我所知，您不能在Vue中使用交叉变量（脚本>样式）。

如果需要从URL获取样式表，建议使用可能有效的环境变量。