Angular cli：准备好生产

>运行ng build -e = prod –prod –no-sourcemap –aot

虽然最新版本的angular-cli默认没有源图,但值得注意. -e = prod将确保它使用环境文件夹中定义的生产环境.最后一件事是–aot.如果你的项目中没有特殊的东西,那么很有可能你可以使用提前编译器进行预编译.但是,您可能遇到问题,您可以使用ng serve –aot解决这些问题,或者完全删除–aot.

>然后,您可以继续将dist文件夹的内容复制到您的网络服务器.值得注意的是,您应确保服务器上的所有非现有文件请求都将重定向到index.html,并且指向您的应用程序的URL位于根目录中.

这意味着对于例如nginx的index.html重定向,您可以将其放在服务器配置块中：

location / {
  try_files $uri $uri/ /index.html;
}

这是因为www.example.com服务于dist文件夹内创建的index.html.如果由于某种原因您想从子文件夹(例如www.example.com/subfolder)提供应用程序,那么您应该修改< base>生成的index.html内的标记指向此子文件夹.

如果要在本地测试生产版本,可以选择安装lite-server.

npm install -g lite-server

然后在控制台中导航到path / to / project / root / dist,并运行lite-server.这将创建一个Web服务器并打开您的浏览器,并提供生成的index.html

如果你使用nginx并希望很酷并静态地提供生成的.gz文件,你可以将它放在你的nginx gzip配置中：

gzip on;
gzip_static on;