我正在关注Angular 2 Quickstart和Webpack说明。我已经把一切都发挥得很好。我的问题是关于组织。
虽然我们告诉Webpack将输出包放在dist文件夹中,但是 dev服务器将所有bundle保留在内存中;它不会将它们写入磁盘。 所以我们不会在dist文件夹中找到任何文件(至少不是任何文件) 从这个开发构建中生成。)
这是真的 - 我的dist
文件夹是空的。但是,在我运行我的npm启动脚本后,我的src
,src/app
和config
文件夹为其所有.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的部分之前。
答案 0 :(得分:1)
我的问题是,是预期的,这是一种最佳实践
很常见。你只是gitignore这些,例如我在alm中做到这一点:https://github.com/alm-tools/alm/blob/ff7f0c5fa9f329dafdf2cfc61ffa0908c0c8f7f8/.gitignore#L5-L6