angular-cli where is webpack.config.js file – new angular6 does not support ng eject

With Angular CLI 6 you need to use builders as ng eject is deprecated and will soon be removed in 8.0. That’s what it says when I try to do an ng eject

You can use angular-builders package (https://github.com/meltedspark/angular-builders) to provide your custom webpack config.

I have tried to summarize all in a single blog post on my blog – How to customize build configuration with custom webpack config in Angular CLI 6

but essentially you add following dependencies –

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

In angular.json make following changes –

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

Notice change in builder and new option customWebpackConfig. Also change

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

Notice the change in builder again for serve target. Post these changes you can create a file called custom-webpack.config.js in your same root directory and add your webpack config there.

However, unlike ng eject configuration provided here will be merged with default config so just add stuff you want to edit/add.

Related Posts:

  1. Could not find module “@angular-devkit/build-angular”
  2. When to use ‘npm start’ and when to use ‘ng serve’?
  3. How to upgrade Angular CLI to the latest version
  4. ‘ng’ is not recognized as an internal or external command, operable program or batch file
  5. ng serve does not work
  6. Angular 2 Cannot read property ‘config’ of null
  7. Angular2 CLI error “@angular/compiler-cli” package was not properly installed
  8. Local workspace file (‘angular.json’) could not be found. But same code works in another computer
  9. Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
  10. What is the best way to delete a component with CLI
  11. GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
  12. Electron – Not allowed to load local resource
  13. Difference between Constructor and ngOnInit
  14. AngularJS vs Angular [closed]
  15. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  16. ExpressionChangedAfterItHasBeenCheckedError Explained
  17. Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  18. How to use *ngIf else?
  19. ngFor with index as value in attribute
  20. Missing write access in mac to /usr/local/lib/node_modules
  21. What is pipe for in RxJS?
  22. Angular: Get current index in ngFor
  23. What is .subscribe in Angular?
  24. BehaviorSubject vs Observable?
  25. Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
  26. ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
  27. What is the difference between Promises and Observables?
  28. mat-form-field must contain a MatFormFieldControl
  29. ng is not recognized as an internal or external command
  30. formSelect() method in materialize does’nt work in angular 6 inputs
  31. ERROR Error: No value accessor for form control with unspecified name attribute on switch
  32. form control error:ERROR Error: No value accessor for form control with unspecified name attribute
  33. “You seem to not be depending on “@angular/core”.”
  34. Cannot find module ‘@angular-devkit/core’
  35. You seem to not be depending on “@angular/core” and/or “rxjs”. This is an error
  36. Kendo Angular Chart change legend position based on size
  37. Unexpected value ‘undefined’ declared by the module ‘AppModule’
  38. Where to place/find the systemjs.config.js file in an angularJS2 project?
  39. What is the equivalent of ngShow and ngHide in Angular 2+?
  40. document.getElementById replacement in angular4 / typescript?
  41. how to refresh page in angular 2
  42. TS1086: An accessor cannot be declared in ambient context
  43. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  44. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  45. Property ‘map’ does not exist on type ‘Observable‘
  46. Angular2 Error: There is no directive with “exportAs” set to “ngForm”
  47. ‘router-outlet’ is not a known element
  48. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  49. Set focus on element
  50. Cleanest way to reset forms
  51. Angular2 – How to create a simple table
  52. No provider for HttpClient
  53. Angular material Could not find Angular Material core theme
  54. Angular EXCEPTION: No provider for Http
  55. Error : Cannot find primary outlet to load
  56. cannot find module ‘@angular/http’?
  57. Templating with href in angular (4)
  58. How to implement sleep function in TypeScript?
  59. Angular 2 : No NgModule metadata found
  60. File Upload In Angular?
  61. is there any alternative for ng-disabled in angular2?
  62. Angular 2.0 and Modal Dialog
  63. Cannot find module ‘@angular/compiler’
  64. Implement session storage in an Angular 8 application
  65. Angular 2 [hidden] does not seem to be working?
  66. Can’t bind to ‘routerLink’ since it isn’t a known property
  67. How to use bootstrap 4 in angular 2?
  68. You have to be inside an angular-cli project in order to use the serve command
  69. How to get current route
  70. Angular error: Please add a @NgModule annotation
  71. How to enable production mode?
  72. Angular 5: “No provider for ControlContainer”
  73. Getting No provider for NgControl Error after adding ReactiveFormsModule to my angular 4 app
  74. How to use `trackBy` with `ngFor`
  75. Angular routerLink does not navigate to the corresponding component
  76. How to use jQuery with Angular?
  77. Mask for an Input to allow phone numbers?
  78. What are differences between SystemJS and Webpack?
  79. Angular design pattern: MVC, MVVM or MV*?
  80. Module has no exported member error in angular module
  81. Check if Variable is Empty – Angular 2
  82. Angular 2 multiple modules
  83. How to apply filters to *ngFor?
  84. Select default option value from typescript angular 6
  85. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  86. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  87. webpack: Module not found: Error: Can’t resolve (with relative path)
  88. Unable to resolve dependency tree error when installing npm packages
  89. Angular ForEach in Angular4/Typescript?
  90. Angular 4 setting selected option in Dropdown
  91. Angular4 – No value accessor for form control
  92. Webpack – Critical dependency: the request of a dependency is an expression
  93. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  94. Cannot find module ‘@babel/core’
  95. How to fix Cannot find module ‘typescript’ in Angular 4?
  96. Crop the image using JavaScript
  97. Why do i need `typings.json` file in an Angular 2 project?
  98. How do I download a file with Angular2 or greater
  99. How to use forEach loop correctly in angular 2?
  100. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]

Leave a Comment

tech