Question

我有一个使用Angular 2和TypeScript创建的前端Web应用程序，我无法找到正确组织构建过程的方法。

我们说我有这种结构，我认为这是合理的：

/
 - dist/   <-- transpiled .js files
 - src/    <-- .ts files
 - assets/
 - bower_components/
 - node_modules/
 - package.json
 - index.html

问题1

我当然希望生产服务器上没有src文件夹。但是什么时候应该删除它，如果我应该删除它？使用npm脚本？有一个Grunt任务？在创建Docker镜像时使用rm？

同样适用于package.json和Gruntfile.js。

问题2

类似的问题来自node_modules文件夹：我使用Browserify将我的应用程序的大多数依赖项捆绑到一个文件中，因此例如Angular成为dist/bundle.js的一部分。

我应该删除生产服务器上的node_modules，因为它不再有用吗？怎么样？

出于某种原因，我可能会使用一些不会被包含在最终捆绑中的模块（例如，因为它们是从<script>标签中引用的）：我怎么知道删除什么以及什么保持？

Answer 1

我假设您的TS / JS完全是客户端（在浏览器中）。

在这种情况下，如果您的项目不包含服务器端代码，我看到很多项目都使用类似于Command文件夹的文件来表示网站预部署的URL方案。 www之外的所有内容仅用于开发（src，node_modules等）。保持部署简单：）