Conditional script inclusion depending environment

Question

I would like to know if there is a way to configure the scripts section of the angular.json file depending on the environment.

I would like to include a specific script(Myscript.js) only when I'm in the production environment.

"scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/slick-carousel/slick/slick.min.js",
          "./src/assets/scripts/Myscript.js"
        ]

I don't find anything in the doc about that. Is it possible?

Can you use that variable in your index.html and put script conditionally? — Just code
– Just code, Commented Dec 28, 2018 at 9:05

Poul Kruijt · Accepted Answer · 2018-12-28 09:55:34Z

7

You can add the scripts array to your production configuration inside the angular.json. This is located in

projects->{projectName}->architect->build->configurations->production

"projects": {
  {projectName}: {
    "architect": {
      "build": {
        "configurations": {
          "production": {
            "scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/slick-carousel/slick/slick.min.js",
              "./src/assets/scripts/Myscript.js"
            ]
          }
        }
      }
    }
  }
}

This however does not look if the environment variable is set to true, so if you have more configurations that need this, you can obviously add it there as well.

edited Dec 28, 2018 at 9:55

answered Dec 28, 2018 at 9:10

Poul Kruijt

72.3k12 gold badges152 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bAN Over a year ago

seems to be exactly what I wanted to do! But I don't get the point with the extension you talked about. I can create a sub configuration?

Poul Kruijt Over a year ago

@bAN I've removed that part. Can't find it anywhere in the documentation anymore, nor in the JSON schematics of the angular file. Soo, I guess I thought wrong :)

Collectives™ on Stack Overflow

Conditional script inclusion depending environment

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related