mirror of https://github.com/angular/angular-cli.git synced 2025-05-18 20:02:40 +08:00

History

Alan Agius 1e5d4a7508 feat(@angular-devkit/build-angular): use Browserslist to determine ECMA output

With this change we reduce the reliance on the TypeScript target compiler option to output a certain ECMA version. Instead we now use the browsers that are configured in the Browserslist configuration to determine which ECMA features and version are needed. This is done by passing the transpiled TypeScript to Babel preset-env.

**Note about useDefineForClassFields**: while setting this to `false` will output JavaScript which is not spec compliant, this is needed because TypeScript introduced class fields many years before it was ratified in TC39. The latest version of the spec have a different runtime behavior to TypeScript’s implementation but the same syntax. Therefore, we opt-out from using upcoming ECMA runtime behavior to better support the ECO system and libraries that depend on the non spec compliant output. One of biggest case is usages of the deprecated `@Effect` decorator by NGRX and potentially other existing code as well which otherwise would cause runtime failures. Dropping `useDefineForClassFields` will be considered in a future major releases. For more information see: https://github.com/microsoft/TypeScript/issues/45995.

BREAKING CHANGE: Internally the Angular CLI now always set the TypeScript `target` to `ES2022` and `useDefineForClassFields` to `false` unless the target is set to `ES2022` or later in the TypeScript configuration. To control ECMA version and features use the Browerslist configuration.

2022-09-21 11:23:35 -04:00

src

refactor(@angular-devkit/build-webpack): assert catch clause variable type before usage

2022-06-14 11:28:21 +02:00

test

feat(@angular-devkit/build-angular): use Browserslist to determine ECMA output

2022-09-21 11:23:35 -04:00

BUILD.bazel

test: unit test multiple node versions in separate jobs

2022-09-14 10:43:17 -07:00

builders.json

refactor(@angular-devkit/build-webpack): cleanup stable architect API file names

2019-04-02 04:50:08 -07:00

package.json

build: update all non-major dependencies

2022-07-25 16:33:08 +02:00

README.md

build: format all files

2021-04-28 16:05:49 -07:00

README.md

Webpack Builder for Architect

This package allows you to run Webpack and Webpack Dev Server using Architect.

To use it on your Angular CLI app, follow these steps:

run npm install @angular-devkit/build-webpack.
create a webpack configuration.
add the following targets inside angular.json.

  "projects": {
    "app": {
      // ...
      "architect": {
        // ...
        "build-webpack": {
          "builder": "@angular-devkit/build-webpack:webpack",
          "options": {
            "webpackConfig": "webpack.config.js"
          }
        },
        "serve-webpack": {
          "builder": "@angular-devkit/build-webpack:webpack-dev-server",
          "options": {
            "webpackConfig": "webpack.config.js"
          }
        }
      }

run ng run app:build-webpack to build, and ng run app:serve-webpack to serve.

All options, including watch and stats, are looked up inside the webpack configuration.