【问题标题】：How to structure Typescript library with demo site as one single project如何将带有演示站点的 Typescript 库构建为一个项目
【发布时间】：2019-02-03 19:28:47
【问题描述】：

我希望构建一个 JavaScript 库作为提供特定功能的 mylib。该库采用纯 JavaScript 编写，旨在用于浏览器。我也在构建一个依赖于这个库的演示站点。

如何构建这个 TypeScript 项目？我目前的结构是：

src
 +-- package.json
 +-- tsconfig.json
 +-- library
   +-- Library.ts
   +-- sub/Library-Dependency-1.ts
   +-- sub/Library-Dependency-2.ts
 +-- demo
   +-- index.html
   +-- DemoPage.ts
   +-- mods/Demo-page-dep-1.ts
   +-- mods/Demo-page-dep-2.ts

index.html 最好同时加载（编译包）mylib.js 和 demo-page.js

我在 DemoPage.ts

的导入语句中遇到错误

// none of the following import statements work
import MyLib from 'mylib';

import MyLib from './../library/Library';

我曾尝试使用 TypeScript 3.0 项目引用，但还没有帮助。需要有关构建此项目的最佳方式的建议。

【问题讨论】：

你也可以发布你的tsconfig

标签： javascript typescript structure typescript3.0

【解决方案1】：

我尝试过使用 TypeScript 3.0 项目引用，但还没有帮助。需要有关构建此项目的最佳方式的建议。

我会这样做：

project
 +-- package.json
 +-- tsconfig.json
 +-- src
   +-- index.ts // library entry 
   +-- demo // Demo folder
   +-- anythingElseNeededByIndex // Folder for more lib stuff

示例

【讨论】：

感谢@basarat 的快速回复。从早期阅读来看，这正是我想要的。