将AngularJS主题转换为普通的html主题

Question

我即将开发一个Web应用程序。我将使用此主题 - http://startangular.com/product/flatlogic-angular-material-dashboard/作为管理面板。我按照说明将它安装在我的本地机器上。但这是我第一次使用命令行（npm，gem和gulp）安装这样的html主题。

我还注意到必须以这种方式安装所有AngularJS管理面板主题。我的意思是使用npm和其他命令。安装很好。当我运行此命令时

gulp serve

它会打开浏览器并显示管理面板。但问题是我不了解项目结构。

当我服务gulp时，

管理面板正在工作。但我想要的是我只想在不服务的情况下访问。我的意思是我想把它移到xampp。然后与框架（PHP）集成。所以现在当我直接访问时，它无法正常工作。我想要的是我只想拥有一个简单的项目，就像这样

/project
========
       /css
       /js
       /view

那么请问我怎么能把它们构建进去呢？我的意思是使用命令行。现在我必须服务gulp才能访问我的项目。要手动转换它，我检查了index.html并且有很多语法注释我不熟悉。

例如

<!-- build:css({.tmp/serve,src}) styles/vendor.css -->
    <!-- bower:css -->

如何将Angular主题转换为简单项目以发送到服务器进行部署？可以从命令行完成吗？

现在我的项目在

下

c:/xampp/htdocs/material_dashboard/angular-material-dashboard

当我访问此

时

 http://localhost/material_dashboard/angular-material-dashboard/src/

它没有显示任何内容。只是白色的屏幕。浏览器控制台也没有错误。

当我访问此

时

http://localhost/material_dashboard/angular-material-dashboard/.tmp/serve/

显示这些错误。

所有状态代码404都会返回。

如何在不提供Gulp服务的情况下访问项目？我可以从哪个网址访问？

Answer 1

开发服务器

Angular应用程序是JavaScript，HTML，CSS的混合，每个路径都相对于应用程序的根源 - index.html。

在这种情况下复制dist文件夹的内容。复制整个dist文件夹并进行部署。

开发服务器只是尝试模拟真实的一个生产服务器。如果它正在开发 - 那个在gulp server上执行的开发，它也应该适用于生产环境。

生产环境

是时候直接申请了。只有两个主要步骤

• 使用gulp build构建它（当然，如果你正在使用gulp并且有类似的任务）
• 将构建目录的内容复制到生产环境（该步骤也称为部署）

CORS问题？

AngularJS应用程序和后端应该在相同的协议，域和端口地址上执行（应该运行），以避免CORS策略规则。