Vue.js 如何在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

文件夹中，然后您就可以使用

作为

index.html

中的根路径来引用这些资产

---

.

进一步说明了我的答案：当这些CSS文件放置在您的

src

文件夹中时，只有当Vue组件需要或动态导入时，它们才会包含在您的包中。由于这些是静态资产，因此只需将它们放在应用程序的

public

文件夹中，然后您就可以使用

作为

index.html

中的根路径来引用这些资产

---

由于

src

文件夹中的样式将被捆绑到最终包中，因此，

您不能从那里引用样式。如果它们是静态的，并且在构建时不是由模板/组件导入的，则最好放在

public

文件夹中，您可以在该文件夹中引用它们，如文档中所述：问题已解决，谢谢@Terry。你能写一个答案让我接受吗？你不能从那里引用样式，因为

src

文件夹中的样式将被捆绑到最终的包中。如果它们是静态的，并且在构建时不是由模板/组件导入的，则最好放在

public

文件夹中，您可以在该文件夹中引用它们，如文档中所述：问题已解决，谢谢@Terry。你能写个答案让我接受吗？