项目打包Build

在前端工程开发好之后，需要将Angular工程打包成静态资源进行发布。

此时可以使用ng build命令进行操作

打包的命令：ng build

常用参数：

• --prod ：生产模式
• --base-href ：静态资源的前缀文件夹

使用 ng build 进行开发环境的打包;

使用 ng build --prod 进行生产环境的打包;

生成的打包文件等配置项配置在 angular.json中，例如outputPath中配置输出目录;

直接使用打包命令打包出来的静态资源的相对路径没有前缀，即只能通过 http://xxxx:端口/静态资源 访问;

使用 ng build --prod --base-href /xxx/xxx/ 指定打包出来的静态资源前缀，即可通过 http://xxxx:端口号/--base-href路径/静态资源。

所以最终的打包命令应该为：ng build --prod --base-href /后台项目名/webcontext下创建的静态资源文件夹/。

例如：

后端项目名：MyTest；

打包好的angular静态资源放在后端工程的 WebContent/pages/ 文件夹中。

则打包命令为：

# 这里的base-href最后面一定要有/，否则最后生成的<base>标签不生效
ng build --prod --base-href /MyTest/pages/