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">

Answer 1

进一步说明我的答案：将这些CSS文件放置在src文件夹中时，仅当Vue组件需要它们或将其动态导入时，它们才会包含在捆绑包中。由于这些是静态资产，因此应将它们简单地放置在应用程序的public文件夹中，然后可以使用<%= BASE_URL %>作为index.html中的根路径来引用这些资产。

VueJS documentation has more details on how you can do that。

如何在Vue中加载CSS和js资产

1 个答案: