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

塔雷克哈桑

即使在阅读了文档之后，我也对 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">

特里

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

该VueJS文档有你如何能做到这一点的详细信息。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。