INTEGRAR ANGULAR A LARAVEL

  • Previamente hay que tener NodeJS, angular CLI y Visual Studio Code
  • Ubicarse en el proyecto en la ruta perficon/resources/ y ejecutar
          $ ng new perficon 


  • Luego de haberse generado el proyecto angular tendremos 

  • Finalmente ejecutamos ng serve y ya podremos ver nuestro la aplicación
          $ ng serve




INTEGRAR COMPILAR ANGULAR E INTEGRAR A LARAVEL
  • Compilar el proyecto angular
    • $ ng serve --prod --aot
      
  • Se generara una carpeta "dist" con todo el codigo compilado con el siguiente contenido:











  • Copiar el contenido a la carpeta public
           $ rm ../../public/*.js; rm ../../public/*.css; rm ../../public/*.ico; rm ../../public/*.png; rm ../../public/*.jpg; rm ../../public/*.woff; rm ../../public/*.svg; rm ../../public/*.eot; rm ../../public/*.ttf; rm ../../public/*.html; rm ../../public/3rdpartylicenses.txt; rm -r ../../public/assets; rm ../views/index.html
           $ cp -R dist/assets ../../public/; cp dist/*.js ../../public/; cp dist/*.css ../../public/;cp dist/*.ico ../../public/; cp dist/*.png ../../public/; cp dist/*.html ../views/

Teniendo lo siguiente:

  • Ademas configurar el archivo proyecto/routes/web.php para que apunte al archivo "index" y listo
<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', function () {
    return view('index');
});