angular cli include/exclude scripts in index.html depending on the environment

Question

I have angular 2 application (angular cli is used). And I want to build web and mobile (cordova) version for the app.

So I want to use ng build -e prod to build for production and ng build -e cordova --output-path mobile/www --base-href ./ to build for cordova project.

I want to include <script type="text/javascript" src="cordova.js"></script> if environment is cordova and exclude facebook web api script, and vise versa if environment is production

Does it have to be in it's own script tag? If not you can use require('path/to/file.js) based on env — Ahmed Musallam
– Ahmed Musallam, Commented Apr 8, 2017 at 13:50

coiso · Accepted Answer · 2017-04-08 08:25:33Z

6

Found a solution.

Based on the answer by Ionaru in this issue

In main.ts:

if (environment.production) {

  document.write(
    `
      <script type="text/javascript">
         // JS code here
      </script>
    `
  );

  enableProdMode();
}

I believe this to be the simplest way to conditionally embed code as once was done directly on index.html

answered Apr 8, 2017 at 8:25

coiso

7,52012 gold badges47 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

angular cli include/exclude scripts in index.html depending on the environment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related