Angular的webpack包在哪里配置？

Question

使用默认的基于Angular CLI的新项目和webpack集成，有些事情很奇怪。默认捆绑包在哪里配置？

我删除了styles.css文件，现在项目没有构建。

.flex-wrap {
   width: 100%;
}

@media only screen and (min-width: 481px) {
  display: none;
}

Answer 1

在.angular-cli.json文件中，仍有对styles.css的引用。同时从apps.styles中删除条目，它不会再出现错误

Answer 2

Angular CLI使用.angular-cli.json提供配置选项。它有一个定义的schema，用于定义可配置的选项。由于Angular CLI为您包装了Webpack，因此在使用Angular CLI时无法直接访问Webpack配置。你有几个选择：

1. 更改.angular-cli.json中的相关设置（如果适用）。

2. 在项目中使用ng eject：

     

   ng弹出您的应用并输出正确的webpack配置和脚本。

   弹出后，您可以相应地修改Webpack配置。

为了使用styles.css解决您的具体问题，您可以选择1并更新.angular-cli.json以排除此文件 - 它基本上是在apps[0].styles下指定的，默认为具有单个元素的数组：styles.css。