关于angular2 打包(一)

时间:2023-03-09 19:11:40
关于angular2 打包(一)

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

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

关于angular2 打包(一)

其次在运行ng build --prod --aot,截图如下:关于angular2 打包(一)

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

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

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