如何将 cdn css 文件添加到 Vue Cli 3 项目？

Posted 2023-02-22

【中文标题】如何将 cdn css 文件添加到 Vue Cli 3 项目？

【英文标题】：How to add cdn css file to Vue Cli 3 project?

【发布时间】：2018-12-21 05:41:33

【问题描述】：

我试图在我的 vue-cli-3 项目中包含一个 cdn 外部 css 文件，所以我在 public/index.html 文件中添加了 css 文件，如下所示：

<link rel="stylesheet" href="http://mycssfile.css">

但是生成的index.html 文件中不包含css。这曾经在 vuejs2 中工作，我不明白为什么它不适用于 vuejs3。知道问题是什么吗？谢谢

【参考方案1】：

这很简单。 在您的 main.vue 中添加以下内容

<style>
  @import "https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css";
</style>

【讨论】：

我将其添加到 App.vue 中

也谢谢你！看来我做得不对。