Gulp 将AngularJS主题转换为普通HTML主题

q9yhzks0  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(147)

我即将开发一个网络应用程序。我将使用这个主题-http://startangular.com/product/flatlogic-angular-material-dashboard/管理面板。我已经安装在我的本地机器上的指示。但这是我第一次安装一个html主题像这样使用命令行(npm,gem和gulp)。
我还注意到所有的AngularJS管理面板主题都必须以这种方式安装。我的意思是使用npm和其他命令。安装是好的。当我运行这个命令

gulp serve

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

当我使用gulp的时候,管理面板是可以工作的。但是我想要的是我只想访问而不使用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?从哪个网址我可以访问?

x4shl7ld

x4shl7ld1#

开发服务器

Angular 应用程序是JavaScript、HTML、CSS的混合,每个路径都相对于应用程序的根目录-index.html。
在这种情况下,复制dist文件夹的内容。复制整个dist文件夹并部署它。
开发服务器只是试图模拟一个真实的的生产服务器。如果它是在开发-在gulp server上执行的服务器,它也应该在生产环境中工作。

生产环境

现在是直接应用的时候了。只有两个主要步骤

  • 使用gulp build构建它(当然,如果您使用gulp,且有类似任务)
    *将构建目录的内容复制到生产环境(该步骤也称为部署)

CORS问题?

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

相关问题