关于angular2 打包（一）

 在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。

 

项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：

其次在运行ng build --prod --aot，截图如下：

这里--prod参数后，angular-cli会把用不到的包都删掉，而--aot参数是让angular-cli启动预编译特性。最后angular-cli会在项目根目录下生成一个dist目录，里面就是编译，压缩好的文件……此时你只需要将其红色方框内圈中的.js文件，发布到服务器上即可，或者也可将.gz发布上去。这样就可以了。

 

 

 

在打包过后。上传上服务器就可以使用了，当然也会有一些坑。如果服务器没有配置相关的路由也是跑不起来的。当然这个就是属于后端问题了。

 

对您有帮助，请给给个赞。谢谢。