asp.net-mvc - 如何使用RequiresJs加载typescript模块(asp.net mvc/visual studio环境)

Question

<分区>

Answer 1

我知道这有点老了，但刚遇到这个问题。这是我解决它的方法。

这篇文章很有帮助:https://volaresystems.com/blog/post/2014/05/27/Adding-RequireJS-to-an-ASPNET-MVC-project

首先，将 require.js 添加到 BundleConfig.cs。我的看起来像这样:

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/Scripts/jquery-{version}.js",
    "~/Scripts/require.js"));

接下来，确保 _Layout.cshtml 在您的包之后呈现“脚本”部分。我的看起来像这样:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

然后在您的 View 中，呈现如下所示的脚本部分。我的 Index.cshtml 看起来像这样:

@section scripts
{
    <script>
        require(["Scripts/Init"],
            function (Init) {
                Init.Start();
            }
        );
    </script>
}

我的 ~/Scripts/Init.ts 文件如下所示:

import * as DataBind from "./DataBind"

export function Start() {
    DataBind.SetAllDatabinds(null);
}

从那里，您可以根据需要加载所有模块。我发现重要的是在你的 TypeScript 文件中不要有任何“松散代码”(即示例中的“alert(x)”)。一切都应该导出。