[angular] webpack.config.js 파일 인 angular-cli-새로운 angular6는 ng eject를 지원하지 않습니다

Angular CLI 6에서는 ng eject가 더 이상 사용되지 않으며 8.0에서 곧 제거 될 예정이므로 빌더를 사용해야합니다. 그게 내가 꺼내 려고 할 때 말하는 것입니다.

angular-builders 패키지 ( https://github.com/meltedspark/angular-builders )를 사용하여 사용자 정의 웹팩 구성을 제공 할 수 있습니다.

내 블로그의 단일 블로그 게시물에서 모두 요약하려고 했습니다. 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",

제공 대상에 대한 빌더의 변경 사항을 다시 확인하십시오. 이러한 변경 사항을 게시하면 동일한 루트 디렉토리에 custom-webpack.config.js 라는 파일을 작성하고 거기에 웹팩 구성을 추가 할 수 있습니다.

그러나 여기에 제공된 꺼내기 구성 과 달리 기본 구성과 병합되므로 편집 / 추가하려는 항목을 추가하십시오.

답변

$ ng eject

$ ng serve

$ npm run build & npm run start