Herramientas de usuario

Herramientas del sitio


clase:daw:daw:1eval:tema03

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión
Revisión previa
clase:daw:daw:1eval:tema03 [2023/10/23 08:41]
admin [Ejercicios]
clase:daw:daw:1eval:tema03 [2023/10/23 21:24] (actual)
admin [Scripts npm]
Línea 132: Línea 132:
  
   * Ejecutar un Script de node.   * Ejecutar un Script de node.
 +
   npm run compile-scss   npm run compile-scss
  
Línea 143: Línea 144:
 <sxh js> <sxh js>
   "scripts": {   "scripts": {
-    "build": ".\\scripts\\build.sh"+    "build": ".\\scripts\\build.sh"
-    "deploy": "npm run build && .\\scripts\\deploy.sh", +
-    "start": ".\\scripts\\start.sh",+
   }   }
 </sxh> </sxh>
Línea 156: Línea 155:
  
  
-  * deploy: Compila y despliega el código. Deja el contenido de ''dist'' en el servidor Apache en una carpeta de ''htdocs'' 
- 
-  npm run deploy 
- 
- 
- 
-  * start: Inicia el servidor apache , Compila y despliega el código con cada cambio. En el siguiente apartado se explica como ejecutar un Script cuando hay un cambio en un fichero. 
- 
-  npm run start 
  
 ==== Ejecutar un Script cuando algo cambia ==== ==== Ejecutar un Script cuando algo cambia ====
Línea 178: Línea 168:
  
   onchange '**/*.js' -- echo Ha cambiado un fichero JavaScript   onchange '**/*.js' -- echo Ha cambiado un fichero JavaScript
 +
 +
 +===== Maven =====
 +Ahora deberemos llamar a nuestro script de ''npm run build'' desde maven. Usaremos el plugin de ''''
 +
 +Para ello añadiremos el siguiente XML al ''pom.xml''
 +
 +<sxh xml>
 +<plugin>
 +   <groupId>org.codehaus.mojo</groupId>
 +   <artifactId>exec-maven-plugin</artifactId>
 +   <version>3.0.0</version>
 +   <executions>
 +      <execution>
 +         <id>build-cliente</id>
 +         <phase>process-resources</phase>
 +         <goals>
 +            <goal>exec</goal>
 +         </goals>
 +         <configuration>
 +            <executable>npm</executable>
 +            <!-- Comando npm -->
 +            <workingDirectory>${project.basedir}</workingDirectory>
 +            <arguments>
 +               <argument>run</argument>
 +               <argument>build</argument>
 +            </arguments>
 +         </configuration>
 +      </execution>
 +   </executions>
 +</plugin>
 +</sxh>
 +
  
  
Línea 208: Línea 231:
  
 ==== Ejercicio 3 ==== ==== Ejercicio 3 ====
-Crea un Script en bash llamado "build.sh" que  copie todo el contenido de la carpeta "src" en "dist" y transforme el SASS en CSS. De forma que ejecutando+Crea un Script en bash llamado "build.sh" que  copie todo el contenido de la carpeta "src" en "target" y transforme el SASS en CSS. De forma que ejecutando
 <sxh > <sxh >
   npm run build   npm run build
Línea 215: Línea 238:
  
  
-Crea un Script en bash llamado "deploy.sh" que  despliegue todo el contenido de la carpeta "dist" en Apache .De forma que ejecutando+Crea un Script en bash llamado "deploy.sh" que  despliegue todo el contenido de la carpeta "target" en Tomcat .De forma que ejecutando
  
  
Línea 226: Línea 249:
  
 ==== Ejercicio 4 ==== ==== Ejercicio 4 ====
-Modifica el proyecto anterior , añadiendo un Script en bash llamado "start.sh" que arranque apache y que cuando haya un cambio en la carpeta "src" se redespliegue la aplicación en el servidor web .De forma que ejecutando+Modifica el proyecto anterior , añadiendo un Script en bash llamado "start.sh" que arranque tomcat y que cuando haya un cambio en la carpeta "src" se redespliegue la aplicación en el servidor web .De forma que ejecutando
 <sxh > <sxh >
   npm run start   npm run start
clase/daw/daw/1eval/tema03.1698043260.txt.gz · Última modificación: 2023/10/23 08:41 por admin