如何在生产中构建yeoman“角度生成器”应用程序？

Question

I created my angular application with "yeoman" using "yo angular" with grunt sass bootstrap.

But with node_mudules bower_component and all dev feature the empty project is 200mo sized

How can I build my application for production, include minify css/js and keep only used and required dependance.

EDIT

I don't understand the -1, thousand people use the angular-generator from yeoman and I can't find a build tutorial for this specific generator.

grunt build seems to work but the website is not displaying well.

grunt serve:dist build and run on serve but same problem as grunt build

The dev application ( it s just yo angular empty project )

After grunt serve , it works and i can navigate

After grunt serve:dist , it doesn't work and i can't navigate, it seems like "bower_components" are not build well

Answer 1

if you are using grunt do: "grunt build" or "grunt serve:dist", after the build you will get a dist folder, everything inside is you production app included minify css/js, you don't need anymore. And specify that for unknow reason "yo angular" add jquery to "devDependencies" but not in "dependencies" in bower.json in you project.

You do not need to deploy everything from your project folder. Hope it help.

Answer 2

You do not need to deploy everything from your project folder. You can find info on this page .

Answer 3

Only files which you include/import in your index.html or css ( images or fonts ), are being used and tracked. Rest are all useless after deployment.

Answer 4

run gulp --production. firts it will clean dist folder (if exist) then move the minified and uglified file there.