Playframework 如何将TypeScript、SASS和连接集成到我的Play项目中？

以下是我所拥有的：

• 用TypeScript编写的客户端应用程序逻辑
• 我的SASS样式表
• 各种第三方组件都有自己的简单JS和CSS

我希望将所有这些构建到一个JS文件和一个CSS文件中。我需要能够指定包含TS文件中的JS的顺序。我的目录结构是以下内容的标准播放方式：

.
├── app
│   ├── assets
│   │   └── js
│   │       ├── build.ts
│   │       ├── components
│   │       │   └── test.ts
│   │       ├── messaging.ts
│   │       ├── main.ts
│   │       └── vue.d.ts
└── public
    ├── css
    │   └── *.css
    ├── dashboard
    │   ├── assets
    │   │   └── <some component>
    │   │       ├── *.css
    │   │       └── *.min.js
    ├── fonts
    │   └── *.{otf,svg,ttf,woff,woff2}
    ├── images
    │   └── *.{jpg.png}
    └── js
        └── *.min.js

build.ts

如下所示：

({
baseUrl:“.”，
路径：{
},
名称：“主要”，
输出：“main builded.js”
})

在我的HTML中，我有：

这一切都是拼凑在一起的（我以前从未使用过TypeScript或RequireJS），但它似乎在开发和生产构建中都适用于我的TypeScript。（我还没有添加SASS。）

如果到目前为止这是正确的方法，那么整合其他所有内容以使其在开发和生产中仍然有效的正确方法是什么？我是要为RequireJS编写另一个构建概要文件，还是应该只使用

sbt concat