首页 > 解决方案 > 在没有任何构建工具的情况下理解 Kotlin React

问题描述

我正在考虑将 Kotlin 用于大型 React 项目(从 Oracle 表单迁移)。为了熟悉 Kotlin-React,我想了解如何在没有任何构建工具的情况下使用 Kotlin-js 编译器输出。我对 JS 及其生态系统不太满意。所以,这只是为了确保我了解幕后的事情,并为以后的任何意外做好准备。我正在使用 create-kotlin-react-app 来创建应用程序。对于非 React-Kotlin 代码,我可以通过以下链接 使用模块来做到这一点 但是当使用 Kotlin-React 编译的 Javascript 文件时,我无法弄清楚如何包含 Kotlin-react.js 和 kotlin -react-dome.js 文件在我的 html 中。这是我的 main.js

requirejs.config({
    paths: {
        'kotlin' : '../my-app/out/production/my-app/lib/kotlin',
        'kotlinx-html-js' : '../my-app/out/production/my-app/lib/kotlinx-html-js',
        'kotlin-extensions' : '../my-app/out/production/my-app/lib/build/classes/main/kotlin-extensions',
        'kotlin-react' : '../my-app/out/production/my-app/lib/build/classes/main/kotlin-react',
        'kotlin-react-dom' : '../my-app/out/production/my-app/lib/build/classes/main/kotlin-react-dom',
        'my-app': '../my-app/out/production/my-app/my-app'
    }
});

requirejs(["my-app"], function (myApp) {
    console.log(myApp)
});

在这里, kotlin.js 和 my-app.js 加载正常。但是,对于 kotlin-react.js 等,我收到“未捕获的 ReferenceError:未定义模块”。

看起来 kotlin-react.js 等库不应该由 requireJs 加载。是否可以在没有任何构建工具的情况下使用 kotlin & react?如果没有,推荐用最少的构建工具魔法实现这一目标的方法是什么?非常感谢您的耐心。

标签: reactjskotlin

解决方案


推荐阅读