TypeScript项目- SystemJS

Question

我正在尝试创建一个新的TypeScript项目。

我希望它尽可能简单和轻量级，而不需要任何不必要的复杂配置，同时满足这些要求：

-Using npm

-Using TypeScript

-Using导入语句，例如

import { A, B } from 'module';

使用导入语句导入到用于生产的-Bundle中的node_modules中的所有依赖项

将-Compile项目源代码转化为单个outFile并将其放入/build中

根据使用导入语句进行的导入，运行时的-Load依赖项

-Using SystemJS，因为我知道它正在成为标准的模块加载程序

到目前为止，我创建了一个新项目：

-Used npm -为TypeScript安装了一个框架及其类型

-Compiling通过Visual代码使用tsc (tsconfig.json)

-tsconfig.json“模块”：“系统”(SystemJS)

-I可以编写导入语句(因为模块被设置为"system")

-tsconfig.json " outFile "：“./build/app.js”--将项目源代码编译为单个outFile，并将其放入"build“dir中。

我错过的是：

使用导入语句导入到用于生产的-Bundle中的node_modules中的所有依赖项

根据使用导入语句进行的导入，运行时的-Load依赖项

我没有任何设置和配置模块加载器的经验。

，你能帮我指出正确的方向吗？

搜索这些主题中的任何一个都会带来我可以使用的结果和npm模块，但是事情会变得太复杂，太快，而且我需要花费太多的时间来理解我正在做什么和需要做什么，所以，如果有人知道如何最好地解决这个问题，我会非常感激的。

Answer 1

我认为使用jspm可以解决您的两个问题。它使用systemjs作为模块加载器，并减轻了配置和维护systemjs配置所需的所有包路径、扩展等的负担。

具体回答你的问题：

1. jspm将将所有客户端依赖项保存在一个单独的文件夹(jspm_packages)中，因此，为了准备部署依赖项，只需将该文件夹复制到目标位置即可。
2. jspm将为您生成包含所有已使用(包括嵌套)包的所有配置的config.js。

从这个用户指南开始-它非常清楚，并将允许您在短时间内配置jspm。