CODEWITHSUNDEEP
angularangular7angular-cli-v7
bAN
bAN

Reputation: 13825

Conditional script inclusion depending environment

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?

Upvotes: 5

Views: 1029

Answers (1)

Poul Kruijt
Poul Kruijt

Reputation: 71891

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.

Upvotes: 7

Related Questions