Laravel 5.3和Angular 2安装

时间:2016-09-23 21:55:25

标签: angular installation laravel-5.3

有谁知道如何使用laravel 5.3设置Angular 2?到目前为止我已经尝试了这个Tutorial 但我无法使角度2的最终版本发挥作用。任何帮助都将非常感激

2 个答案:

答案 0 :(得分:0)

这里是github的回购; https://github.com/eliyas5044/laravel5.3-angular2;

  1. 首先克隆或下载。

  2. 遵循此命令;

    • composer install
    • 将.env.example重命名为.env
    • php artisan key:generate
    • npm install
    • 转到node_modules> elixer-typescript> index.js并对此行进行注释 //。管($。CONCAT(paths.output.name))
    • gulp或php artisan serve
  3. 这是使用Laravel 5.3的Angular 2的初始设置。你可以在这里详细检查; https://laracasts.com/discuss/channels/laravel/laravel-53-with-angular-2-1

答案 1 :(得分:0)

即使您在该教程之后取得了成功,它仍然是将Angular集成到Laravel中的平庸解决方案 它需要在 node_modules 中编辑文件,对我来说这是不可接受的。

另一件事我不明白为什么每个解决方案都将Angular应用程序放在 resources / assets / typescript 中?

如果您在大型Angular应用程序和团队中工作,那么这不是最好的解决方案,如果您希望将更多Angular应用程序集成到单个Laravel项目中,该怎么办?

尝试使用此方法将Angular与Laravel

集成

https://github.com/toni-rmc/laravel-angular-integration

  • 无需编辑node_modules中的任何内容
  • Angular应用程序在Laravel项目
  • 中的自己的目录中分开
  • 启用并解释了Laravel中的角度路由
  • 您在构建目录(angular_apps)中工作,并使用提供的命令将您的工作发布到dist目录(公共)
  • TypeScript与已编译的JavaScript
  • 分开
  • 支持观看模式
  • 支持浏览器同步
  • 充足的命令,使您的工作流程变得简单,让您专注于为Angular应用程序编写代码,而不是考虑构建过程

我希望你觉得它很有用。