angular-cli 여기서 is webpack.config.js 파일 - new angular6은 ng 배출을 지원하지 않습니다.

angular-cli 여기서 is webpack.config.js 파일 - new angular6은 ng 배출을 지원하지 않습니다.

업데이트: 2018년 12월 ('애니켓' 답변 참조)

Angular CLI 6의 경우 배출이 더 이상 사용되지 않으며 8.0에서 곧 제거될 예정이므로 빌더를 사용해야 합니다.

업데이트: 2018년 6월: Angular 6는 ng 배출을 지원하지 않습니다**

업데이트: 2017년 2월: 꺼내기 사용

업데이트: 2016년 11월: angular-cli는 현재 웹팩만 사용합니다.npm install -gangular-cli를 사용하여 정상적으로 설치하면 됩니다."Beta.10과 Beta.14 사이의 빌드 시스템을 시스템에서 변경했습니다.JS to Webpack.". 하지만 실제로는 처음 구조와 폴더에만 angular-cli를 사용하고 더 이상은 수동으로 웹pack 구성을 사용합니다.

다음과 같이 각도 CLI를 설치했습니다.

npm install -g angular-cli@webpack

제가 angular1과 webpack으로 작업했을 때, 저는 모든 작업과 플러그인을 실행하기 위해 "webpack.config.js" 파일을 수정하곤 했지만, 누가 그것을 작동시키는지 angular-cli로 만들어진 이 프로젝트에는 보이지 않습니다.마법인가요?

웹 팩이 작동하는 것을 확인합니다.

ng serve 

"Version: webpack 2.1.0-beta.18"

하지만 저는 각도-cli 구성이 어떻게 작동하는지 이해할 수 없습니다.

angular-cli에서 webpack.config.js를 꺼내는 좋은 방법이 있습니다.그냥 실행:

$ ng eject

그러면 프로젝트의 루트 폴더에 webpack.config.js가 생성되고 원하는 방식으로 구성할 수 있습니다.이 문제의 단점은 패키지의 빌드/시작 스크립트입니다.json은 새 명령으로 대체되고 대신

$ ng serve

당신은 다음과 같은 것을 해야 할 것입니다.

$ npm run build & npm run start

이 방법은 모든 최신 버전의 Angular-cli에서 작동해야 합니다(가장 오래된 것은 1.0.0-beta.21, 최신 1.0.0-beta.32.3).

이 문제에 따르면, 사용자가 학습 곡선을 줄이기 위해 웹팩 구성을 수정하지 못하도록 한 것은 설계 결정이었습니다.

웹팩의 유용한 구성 수를 고려할 때, 이것은 큰 단점입니다.

는 사하지않것좋다습니이는용다를 사용하는 것을 추천하지 않습니다.angular-cli높은 평가를 받고 있기 때문에 생산 애플리케이션에 사용됩니다.

Angular CLI 6에서는 배출이 더 이상 사용되지 않으며 8.0에서 곧 제거될 예정이므로 빌더를 사용해야 합니다.내가 이젝트를 하려고 할 때 그렇게 나옵니다.

Angular-builder 패키지(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",

inangular.json은 다음과 같이 변경합니다.

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

작성자 및 새 옵션 사용자 지정 변경 공지웹 팩 구성.또한 변경

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

서비스 대상에 대한 작성기 변경 사항을 다시 확인합니다.이러한 변경 사항을 게시하면 동일한 루트 디렉터리에 custom-webpack.config.js라는 파일을 만들고 웹 팩 구성을 추가할 수 있습니다.

그러나 여기에 제공된 배출 구성과 달리 기본 구성과 병합되므로 편집/추가할 항목만 추가합니다.

이제 CLI의 웹 팩 구성을 꺼낼 수 있습니다.안톤 니키포로프의 대답을 확인하세요.

---

구식:

구성 템플릿을 해킹할 수 있습니다.angular-cli/addon/ng2/models현재 웹팩 구성을 수정할 공식적인 방법은 없습니다.

github에는 이에 대한 비공개 "원트 픽스" 문제가 있습니다. https://github.com/angular/angular-cli/issues/1656

언급URL : https://stackoverflow.com/questions/39187556/angular-cli-where-is-webpack-config-js-file-new-angular6-does-not-support-ng-e