编译成一个文件：需要require.js吗？需要吞咽吗？答案

【问题标题】：Compile into one file: require.js needed? gulp needed?编译成一个文件：需要require.js吗？需要吞咽吗？
【发布时间】：2018-03-16 14:59:06
【问题描述】：

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

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

但是，我不希望将 100 多个微小的 .js 位部署到网络服务器。我找到了编译器选项 -outFile，我理解它就是这样做的。

我还不明白在这种情况下我是否真的需要 require.js。如果所有内容都在一个 .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
命令
图书馆1
图书馆2
图书馆3
网络
tsconfig.json

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

什么是一个好的文件夹结构，目标是为 web 编译 ONE .js 和为命令行编译 ONE .js？

【问题讨论】：

【解决方案1】：

要将所有内容编译到一个文件中，您需要 webpack.

npm install --save-dev webpack

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

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

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

【讨论】：