vue.js - Vue中如何加载外部CSS

Question

我创建了一个 Vue 项目，其中 Typescript 具有类样式的组件。我需要包含一些外部 CSS 文件——比如来自 Amazon S3 的文件。 CSS 似乎没有加载。

在网络部分我可以看到它。

Answer 1

我建议你使用预处理器

安装 SASS -

npm install -D sass-loader sass

然后你就可以在你的 App.vue 中import

<style lang="scss">
@import './static/css/style.css';
</style>

更新

我想出了另一种方法来包含单个 css 文件。

在您的 App.vue 中，您可以将 css 文件添加到样式 src

<style src="relative-path/style.css"></style>