angular-cli webpack.config.js 文件在哪里 - 新的 Angular6 不支持 ng Epiject

JS

Angular 6中的Webpack配置文件位置与ng Eject的替代方案

在Angular 6中，我们经常需要定制Webpack配置以满足项目的特定需求。在之前的版本中，我们可以使用ng eject命令来获得完整的Webpack配置文件，但是在新的Angular 6中，这一功能被移除了。那么在新版本中，我们应该在哪里找到Webpack配置文件呢？

寻找Webpack配置文件

在Angular 6中，Webpack的配置文件被整合到Angular CLI中，并且不再直接暴露给开发者。这样的设计使得Angular CLI更加易用，同时也能够更好地维护和升级。虽然我们无法直接访问Webpack配置文件，但是Angular CLI提供了一种新的方式来定制Webpack配置。

Angular CLI配置文件

要定制Webpack配置，我们需要修改angular.JSon文件。在这个文件中，可以找到一个名为"architect"的对象，其中包含了不同的构建配置。在这些配置中，有一个属性名为"options"，它包含了Angular CLI使用的Webpack配置。

让我们来看一个简单的例子，假设我们想要自定义Webpack的入口文件，我们可以在angular.JSon文件中找到相应的配置：

JSon
{
  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "options": {
            "customWebpackConfig": {
              "entry": {
                "mAIn": "./src/mAIn-custom.ts"
              }
            }
          }
        }
      }
    }
  }
}

在上述配置中，我们通过修改entry属性来指定自定义的Webpack入口文件路径。这样，我们就能够在不直接访问Webpack配置文件的情况下，实现对其的定制。

使用自定义Webpack配置

通过修改angular.JSon文件，我们可以轻松地定制Angular应用的Webpack配置。这种方式虽然不同于之前的ng eject命令，但是更符合Angular CLI的设计理念，使得配置更加清晰且易于维护。

总的来说，虽然Angular 6中移除了直接访问Webpack配置文件的功能，但通过angular.JSon文件的修改，我们仍然可以有效地进行Webpack配置的定制。这种方式不仅保留了Angular CLI的简洁性，同时也提供了更好的可维护性和升级性。

希望这篇文章能够帮助你更好地理解在Angular 6中定制Webpack配置的方法。如果你有其他关于Angular或Webpack的问题，欢迎随时提问！