Question

我有一个用TypeScript编写的大解决方案，安排在项目文件夹中，其中包含许多子文件夹，每个类和接口都有单独的文件，这是我想的正确方法。

对于每个.ts文件，我都会编译一个.js文件，我可以从网页上运行代码：我在网页上嵌入了require.js脚本，并将其指向我的应用程序的入口点 - 一切都很好。

但是，我宁愿不向网络服务器部署100多个微小的.js位。我找到了编译器选项-outFile，我理解的确是这样。

我还不明白我是否会在这种情况下完成neet require.js。如果all都在一个.js文件中，我需要指向我的网页，并让它开始主入口点（我想？）。

我的项目中没有使用任何外部库，我需要的是在这个项目文件夹中的typescript中，并在运行build时编译。没有“外部模块”，如果这是正确的术语。

我想我明白我不需要“gulp”项目来处理这里的任何事情吗？

<小时/> 除了这个与Web相关的问题，我确实希望使用node.js从命令行中使用部分代码。

我也有同样的工作，但我不知道它是如何加载的。我有一条线

/// <reference types="node" />

其次是很多

import * as ...

我需要的一切。

后来有

const fs: any = require("fs");
const xml2js: any = require("xml2js");

所以这些是外部参考。这可以编译成一个.js文件（最好包括外部吗？），可以在某处复制并使用“node myfile.js”命令运行？

考虑到这一点，我想我首先安排项目的方式是错误的。目前，项目文件夹包含此

.vscode
CMD
LIBRARY1
library2
library3
网络
tsconfig.json

我在VS Code中打开此文件夹，在其中编译，从那里运行等等。

这对于什么是一个好的文件夹结构，目标是为网络编译ONE .js，为命令行编译ONE .js？

Answer 1

要将所有内容编译成一个文件，您需要webpack。

npm install --save-dev webpack

然后在项目根目录中创建一个webpack.config.js 这里描述配置：
Webpack configuration

在项目根目录中调用webpack会将从入口点文件直接或间接链接的所有内容编译为一个.js

关于如何为打字稿设置webpack的简短介绍是on webpack homepage