Intellij Idea 如何在app.vue中导入/链接到本地css样式表文件

cuxqih21 于 2023-11-16 发布在其他

关注(0)|答案(1)|浏览(144)

我正在使用Java，Javalin和Vue。
我不知道如何让css工作，而不只是让它在我的 * app.vue * 的标签内。

所以我不想

<style lang="css">

//lots

//of

//lines

//here

</style>

字符串
我在搜索的时候发现，人们是这样做的：

<style scoped src="/assets/styles/styles.css"></style>

型

或

<style scoped lang="css">
  @import "~/assets/styles.css";
</style>

型
这些会很棒，但不知何故对我不起作用。
我是一个intellij和java的超级菜鸟，我主要在Vim中做web开发前端的东西。但是对于这个项目，它的所有intelliJ。我只是讨厌在巨大的长文件上工作。当我可以把它分成更多的文件时。所以如果有人有一个超级简单的方法来链接它。那将是惊人的。：）

1条答案

我的jte模板无法看到css文件。为了解决这个问题，我这样配置应用程序：

Javalin app = Javalin.create(javalinConfig -> {
        javalinConfig.staticFiles.add("/static");// static is foder in resources
    }).start(7070);

字符串
然后在jte模板中使用静态文件夹中此文件的路径链接css文件：

<link rel="stylesheet" type="text/css" href="index.css">

型
也许有更好的解决方案，但这个对我很有效