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

 

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

关于angular2 打包(一)

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

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

 

 

 

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

 

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

 

相关文章:

  • 2021-04-19
  • 2021-08-10
  • 2021-07-08
  • 2023-03-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-08
猜你喜欢
  • 2021-10-10
  • 2022-12-23
  • 2021-03-30
  • 2021-05-13
  • 2021-05-19
  • 2022-12-23
  • 2021-12-05
相关资源
相似解决方案