Soy completamente nuevo en todo esto, "Bower" y"Gulp" y Laravel "Elixir". Compré una plantilla que los usa (desafortunadamente) y ahora necesito ayuda sobre cómo implementarlos. Ya he instalado NPM y Bower. Todos mis paquetes han sido descargados en:
resources > assets > vendor
Esta es una captura de pantalla:
Ahora mi pregunta es ¿cómo puedo incluir todos esospaquetes que descargué en mi vista? Según tengo entendido, no puedo ejecutar menos archivos directamente en el navegador, solo se ejecuta una vez debido al "almacenamiento en caché del navegador" o algo así, también los scripts JS son demasiados para incluirlos en mi página.
Quiero una forma en la que pueda trabajar en mis archivos y compilarlos automáticamente con los archivos compilados a los que se hace referencia en mi archivo app.php.
Este es un enlace al archivo GulpJS incluido en mi plantilla: http://pastebin.com/3PSN6NZY
Respuestas
1 para la respuesta № 1No es necesario compilar cada vez que alguien visita. El sass / js compilado debe ejecutarse en dev y luego los archivos de salida a los que se hace referencia.
Si tiene instalado Gulp en el proyecto, debería ver un archivo gulp.js en la raíz de su proyecto. Si no es así, visite aquí para obtener instrucciones:
Instalación y configuración de Gulp / Elixer
En su archivo gulp.js:
var elixir = require("laravel-elixir");
elixir(function(mix) {
mix.less([
"app.less",
"normalize.less",
"some-other-less.less",
"and-another.less"
]);
mix.scripts(["app.js", "some-other-js.js"], "public/js/output-file.js");
});
Mientras que en desarrollo puedes correr gulp watch
desde la línea de comandos para escuchar los cambios y ejecutar tareas de compilación cuando escucha un cambio. Luego simplemente haga referencia a los archivos de salida en el directorio público como lo haría normalmente.
Si no quiere escuchar, simplemente ejecute el gulp
comando para una sola ejecución de una sola vez.
Los documentos son bastante sencillos y se pueden encontrar aquí: