Nepotistic Pontifex Maximus

    @sifawm/dev-server
    TypeScript icon, indicating that this package has built-in type declarations

    7.1.2 • Public • Published

    Dev server builders for Angular build facade

    npm version npm

    Prerequisites:

    Builders

    Dev server generic

    Enhanced @angular-devkit/build-angular:dev-server builder that leverages the custom webpack builder to get webpack configuration.

    Unlike the default @angular-devkit/build-angular:dev-server it doesn't use @angular-devkit/build-angular:browser configuration to run the dev server.
    Instead it uses a builder that is specified in browserTarget as long as it provides buildWebpackConfig method.

    Thus, if you use @angular-builders/dev-server:generic along with @angular-builders/custom-webpack:browser, ng serve will run with custom configuration provided in the latter.

    Usage

    1. npm i -D @angular-builders/dev-server
    2. In your angular.json:
      "projects": {
          ...
          "[project]": {
               ...
               "architect": {
                      ...
                      "[architect-target]": {
                                "builder": "@angular-builders/dev-server:generic"
                                "options": {
                                      ...
                                }
      
      Where:
      • [project] is the name of the project to which you want to add the builder
      • [architect-target] is the name of build target you want to run (build, serve, test etc. or any custom target)
    3. If [architect-target] is not one of the predefined targets (like build, serve etc.) then run it like this:
      ng run [project]:[architect-target]
      If it is one of the predefined targets, you can run it by ng [architect-target]

    Example

    angular.json:

    "architect": {
        ...
        "build": {
            "builder": "@angular-builders/custom-webpack:browser"
            "options": {
                         "customWebpackConfig": {
                            path: "./extra-webpack.config.js"
                         }
                ...
            },
        "serve": {
            "builder": "@angular-builders/dev-server:generic",
            "options": {
                "browserTarget": "my-project:build"
            }
        }
    

    In this example dev-server will use custom-webpack:browser builder, hence modified webpack config, when invoking the serve target.

    Further reading

    Install

    npm i @sifawm/dev-server

    DownloadsWeekly Downloads

    3

    Version

    7.1.2

    License

    MIT

    Unpacked Size

    15.2 kB

    Total Files

    17

    Last publish

    Collaborators

    • sifawm