更新:2018年12月(见"Aniket"答案)

使用Angular CLI 6时,您需要使用生成器,因为ng eject已被弃用,并且很快将在8.0中删除

更新:2018年6月:Angular 6不支持ng eject**

更新:2017年2月:使用ng eject

更新:2016年11月:angular cli现在只使用webpack.您只需要使用npm安装-g cli正常安装."我们将beta.10和beta.14之间的构建系统从SystemJS更改为Webpack.",但实际上,我使用angular cli只是为了创建 struct 和文件夹,然后再手动使用webpack配置

我已经用这个安装了Angular CLI:

npm install -g angular-cli@webpack

当我使用angular1和web pack时,我习惯于修改"webpack.config.js"文件来执行所有的任务和插件,但是在这个用angular1和web pack创建的项目中,我看不到谁来做这件事.这是魔法吗?

当我这样做时,我看到Webpack正在工作:

ng serve 

"Version: webpack 2.1.0-beta.18"

但我不明白那个Angular -CLI配置是怎么工作的.

推荐答案

使用Angular CLI 6时,您需要使用生成器,因为ng eject已被弃用,并且很快将在8.0中删除.当我试着做ng eject分时,它就是这么说的

enter image description here

您可以使用Angular 构建器软件包提供您的自定义webpack配置.

我试着在博客How to customize build configuration with custom webpack config in Angular CLI 6上的一篇博文中总结所有内容

但本质上,您添加了以下依赖项-

  "devDependencies": {
    "@angular-builders/custom-webpack": "^7.0.0",
    "@angular-builders/dev-server": "^7.0.0",
    "@angular-devkit/build-angular": "~0.11.0",

angular.json年内做出以下改变-

  "architect": {
    "build": {
      "builder": "@angular-builders/custom-webpack:browser",
      "options": {
        "customWebpackConfig": {"path": "./custom-webpack.config.js"},

请注意生成器和新选项customWebpackConfig中的更改.也会改变

    "serve": {
      "builder": "@angular-builders/dev-server:generic",

再次注意serve target的生成器中的更改.发布这些更改后,您可以在同一根目录中创建一个名为custom-webpack.config.js的文件,并在其中添加您的网页配置.

然而,与ng eject不同,这里提供的配置将与默认配置合并,所以只需添加您想要编辑/添加的内容.

Angular相关问答推荐

Angular :仅当 Select 第一个日期时才显示第二个日期字段

如何在自定义验证器中获取所有表单控件(字段组动态创建)

Angular Signal只指一种类型,但这里用作值.ts(2693)''

Angular 和PrimeNg文件Uploader:渲染元件时如何显示选定文件的列表?

独立Angular 零部件不在辅零部件或共享零部件中工作

NG-BOOTSTRAPP SCROLLESPY没有高度就不能工作?

列表和映射的SCSS语法

Angular 17水化-POST请求同时触发客户端/服务器端,而GET请求仅触发服务器端?

无法创建新的 Ionic 项目

Angular,数据显示在控制台但不在应用程序中

angular 13 ng 构建库失败(ivy部分编译模式)

Springboot/Angular2 - 如何处理 HTML5 url?

在 Ionic 2 中使用 NodeJS.Timer 时找不到命名空间 NodeJS

获取从(keypress)angular2按下的键

设置 Angular Material Tooltip 的字体大小

Angular 4:InvalidPipeArgument:管道AsyncPipe的[object Object]

angular 2 http withCredentials

得到了预期表达式的插值 ({{}})

Angular CLI 输出 - 如何分析Bundle 文件

有条件地将 RouterLink 或其他属性指令添加到 Angular 2 中的元素