Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Setup angular cli production build tfs

Locally my project builds fine with ng build --prod but if I set it up on tfs (team foundation server) with the following powershell script it fails with some errors.

ps script:

npm install
npm run ng build --prod

tfs build output:

  • [1m[33mWARNING in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./~/sass-loader!./src/scss/style.scss

  • autoprefixer: D:\a\1\s\src\scss\style.scss:7468:3: Replace transition-property to transition, because Autoprefixer could not support any cases of transition-property and other transition-* @ ./src/scss/style.scss 4:14-203 2017-04-30T07:17:51.9419669Z @ multi ./~/primeng/resources/themes/bootstrap/theme.css ./~/primeng/resources/primeng.min.css ./~/font-awesome/css/font-awesome.css ./src/scss/style.scss[39m[22m

  • [error] 0% compiling 10% building modules 0/1 modules 1 active multi D:\a\1\s\src\main.ts

  • [error]Process completed with exit code 0 and had 3 error(s) written to the error stream.

like image 698
Rick Avatar asked Apr 30 '17 08:04

Rick


People also ask

Which command is used to build application in production mode in angular?

To build your application for production, use the build command. By default, this command uses the production build configuration. This command creates a dist folder in the application root directory with all the files that a hosting service needs for serving your application.

Does ng build default to production?

ng build now uses the production configuration by default. You no longer need to pass the --prod option to the command. The --prod flag is deprecated, and we must now use --configuration production . As you can see here, the angular.

How do you solve error this command is not available when running the angular CLI outside a workspace?

To Fix Error “This command is not available when running the Angular CLI outside a workspace Error”, Do Right-Click on yours project name in VS Code and Click “Open in Integrated Terminal” Option. It would open the project to your terminal and error would be fixed.


1 Answers

It works now, I removed the powershell script and added seperate tasks in the build process.

  • npm install (standard one)
  • npm install -g @angular/cli (command line)
  • ng build --prod (command line)

Update based on comment:

You can also use: npm run ng build -- --prod. This way you don't have to install angular/cli.

like image 123
Rick Avatar answered Oct 24 '22 10:10

Rick