webpack - 在 VueJS 上集成引导主题的最佳方法是什么

Question

您认为在 VueJs 上嵌入引导主题的最佳方式是什么？假设我不想使用 bootstrap-vue 不重写所有模板？如何以及在何处包含 bootstrap.min.css 文件以及依赖它的所有字体文件？

我使用带有 wepack-simple 模板的 vue-cli 初始化项目

标签： webpackvue.jsbootstrap-4vue-clibootstrap-themes

Answer 1

head像添加任何其他 CSS 文件一样添加 Bootstrap CSS 文件index.html应该可以工作（cf Bootstrap docs）：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

无需包含字体，CSS 将获取它们。