{ $(".ui.dropdown")-6ren">
gpt4 book ai didi

javascript - 避免加载所有 javascript 文件

转载 作者:行者123 更新时间:2023-12-03 06:18:56 25 4
gpt4 key购买 nike

我在 typescript 中使用 rxjs 如下:

import {Observable} from "./rx/Rx"

var main = () => {

$(".ui.dropdown").dropdown();
$(".left-half").backstretch(["../images/lotus.jpg"]);

var source = Observable.range(0, 3);


var subscription = source.subscribe(
x => {
console.log("Next: ${x}");
},
err => {
console.log("Error: ${err}");
},
() => {
console.log("Completed");
});

};

$(document)
.ready(() => {
main();
});

和文件结构

enter image description here

问题是, typescript 将其编译为多个文件,而不是一个文件。 enter image description here

一切正常,但来自 rxjs 的所有脚本都将按如下所示加载:
enter image description here

加载页面需要25.42s,这太可怕了。我仅使用 Observable 对象,所有库都将被加载。

如何防止长时间加载?

更新对于后端,我使用 ASP.NET Core,tsconfig 文件如下所示:

{
"compilerOptions": {
"module": "amd",
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es6",
"outDir": "../wwwroot/js"
},
"exclude": [
"node_modules",
"wwwroot"
]
}

并使用require.js(布局模板):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - IndustryCloud</title>

<environment names="Development">
<link href="~/lib/sui/semantic.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>

<environment names="Staging,Production">
<link href="~/lib/sui/semantic.min.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>

</head>
<body>

@RenderBody()

<environment names="Development">
<script src="~/lib/jquery/jquery.js"></script>
<script src="~/lib/jquery-backstretch/jquery.backstretch.js"></script>
<script src="~/lib/sui/semantic.js"></script>
<script src="~/lib/require/require.js" data-main="../js/signin.js"></script>
</environment>

<environment names="Staging,Production">

</environment>

</body>
</html>

最佳答案

How can I prevent long loading

请使用模块 bundler 来捆绑并仅发送一个 JS 文件,例如网页包

更多

这是一个极其简单(功能较差)的快速入门:https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html

关于javascript - 避免加载所有 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38954855/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com