色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

在Kotlin/JS中使用外部CSS庫

CSS
錢諍諍1年前8瀏覽0評論

我不是前端開發人員，不熟悉npm，yarn和這類工具。 然而，我想在Kotlin/JS項目中渲染一些數據。 特別是，我想在我的頁面上使用字體很棒的圖標。 我添加了實現(NPM(& quot；font-awesome & quot；，& quot4 . 7 . 0 & quot；))到gradle文件，并將其導入到我的index.html中，如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
    <title>JS Client</title>
</head>
<body>
<script src="library.js"></script>
</body>
</html>

當我運行我的項目并在瀏覽器中打開它時，除了font-awesome.css得到404錯誤之外，html和js文件都是從服務器獲取的。

在我的項目中使用font-awesome或其他庫的正確方法是什么？

順便說一下，我還添加了js(& quot；要求(' font-awesome/CSS/font-awesome . CSS ')& quot；)到我的Main.kt .但是我注釋掉不注釋都沒有變化。在這兩種情況下，編譯項目和加載頁面都沒有任何問題。

任何幫助都將不勝感激！

更新:

除了上面提到的index.html，我的項目中還有gradle.build.kts和Main.kt，它們是:

plugins {
    kotlin("multiplatform") version "1.8.20"
    kotlin("plugin.serialization") version "1.8.20"
}

group = "com.example"
version = "1.0-SNAPSHOT"

repositories {
    maven("https://maven.pkg.jetbrains.space/public/p/kotlinx-html/maven")
}

kotlin {
    js(IR) {
        binaries.executable()
        browser {
            commonWebpackConfig {
                cssSupport {
                    enabled.set(true)
                }
            }
        }
        binaries.executable()
    }

    sourceSets {
        val commonMain by getting {
            dependencies {
                implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.1")

            }

        }
        val jsMain by getting {
            dependencies {
                implementation(npm("font-awesome", "4.7.0"))


                implementation("org.jetbrains.kotlinx:kotlinx-html:0.8.0")
                compileOnly("org.jetbrains.kotlin-wrappers:kotlin-browser-js:1.0.0-pre.549")
                runtimeOnly("org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.1")
            }
        }
    }
}

并且:

package com.example

import kotlinx.browser.window

fun main() {
    window.onload = {
        js("require('font-awesome/css/font-awesome.css')")
    }
}

為了運行這個項目，我運行gradle jsBrowserRun。

注意:

存在build/js/node _ modules/font-awesome/CSS/font-awesome . CSS。