vue.js - 如何在 Vue 中加载 CSS 和 js 资源

Question

即使在阅读了文档之后，我也对 Vue 中的这一部分感到困惑。我应该如何加载资产index.html？我尝试使用不同的方法引用资产，这是我现在尝试的仍然无法正常工作的方法

    <link rel="stylesheet" href="../src/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="../src/assets/css/animate.css">
    <link rel="stylesheet" href="../src/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../src/assets/css/slinky.min.css">
    <link rel="stylesheet" href="../src/assets/css/slick.css">
    <link rel="stylesheet" href="../src/assets/css/ionicons.min.css">
    <link rel="stylesheet" href="../src/assets/css/bundle.css">
    <link rel="stylesheet" href="../src/assets/css/style.css">
    <link rel="stylesheet" href="../src/assets/css/responsive.css">

标签： vue.jsvuejs2

Answer 1

进一步详细说明我的答案：当这些 CSS 文件放在您的src文件夹中时，它们只会在您的 Vue 组件需要或动态导入时包含在您的包中。由于这些是静态资产，它们应该简单地放在您应用程序的文件夹public中，然后您可以使用.<%= BASE_URL %>index.html

VueJS 文档有更多关于如何做到这一点的详细信息。