如何在Vue中加载外部CSS

Question

我创建了一个Vue项目，其中Typescript包含类风格的组件。我需要包含一些外部 CSS 文件 - 例如来自Amazon S3. CSS 似乎没有加载。

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

Answer 1

我建议你使用preprocessor

安装SASS-

npm install -D sass-loader sass

那么你将能够import在你的App.vue

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

更新

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

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

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

Answer 2

您可以加载外部 URL

<style lang="scss or less">
    @import "https://external_url_.css";
    @import ".../assest/_.css";
</style>

如果你更喜欢sass-loader, css-loader , less-loadernpm，你可以加载已安装的css加载器