Webpack装载机的输出位置

时间:2016-10-18 15:51:03

标签: angular typescript webpack webpack-dev-server

我正在关注Angular 2 QuickstartWebpack说明。我已经把一切都发挥得很好。我的问题是关于组织。

Angular 2 Webpack guide

  

虽然我们告诉Webpack将输出包放在dist文件夹中,但是   dev服务器将所有bundle保留在内存中;它不会将它们写入磁盘。   所以我们不会在dist文件夹中找到任何文件(至少不是任何文件)   从这个开发构建中生成。)

这是真的 - 我的dist文件夹是空的。但是,在我运行我的npm启动脚本后,我的srcsrc/appconfig文件夹为其所有.js.js.map个文件夹添加了.ts.ts个文件{1}}个文件。

我的问题是,这是预期的,这是最佳做法吗?我的编译文件应该与预编译文件位于同一目录中吗?我可以将它们输出到单独的文件夹中,以最大限度地减少包含所有html, body { height: 100%; margin: 0; padding: 0; } .head-nav { width: 100%; height: 55px; background: #673AB7 } .section { width: 30%; display: inline-block; margin-left: 5px; background: #f5f5dc; vertical-align: top; } .items { background: #FF5722; display: inline-block; width: 100%; } .items .item { margin: 10px; width: 20px; height: 20px; display: inline-block; background: #FFC107 } .max { height: 100%; } .scrolly { overflow-y: scroll; overflow-x: hidden; }文件的文件夹中的混乱吗?

为了避免在这个问题上出现不必要的膨胀,我的所有文件都与Webpack指南中的文件完全一样,在关于Karma的部分之前。

1 个答案:

答案 0 :(得分:1)

  

我的问题是,是预期的,这是一种最佳实践

很常见。你只是gitignore这些,例如我在alm中做到这一点:https://github.com/alm-tools/alm/blob/ff7f0c5fa9f329dafdf2cfc61ffa0908c0c8f7f8/.gitignore#L5-L6