Skip to content

Commit ef2cde5

Browse files
committed
docs(docs-infra): Traducción del archivo content/guide/workspace-config.md hasta la linea 375
Se realizo la traducción del archivo content/guide/workspace-config.md por completo. Fix angular-hispano#204
1 parent 8f7c30c commit ef2cde5

File tree

1 file changed

+153
-5
lines changed

1 file changed

+153
-5
lines changed

aio/content/guide/workspace-config.md

+153-5
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ Las siguientes propiedades de configuración superiores están disponibles para
6363

6464
</code-example>
6565

66-
| PROPIEDADES | DESCRIPCIONES |
66+
| PROPIEDAD | DESCRIPCIONES |
6767
| :-------------- | :---------------------------- |
6868
| `root` | La carpeta raíz para los archivos del proyecto, relativa a la carpeta del espacio de trabajo. Vacía para la aplicación inicial, que reside en la parte superior del espacio de trabajo. |
6969
| `sourceRoot` | La carpeta raíz de los archivos fuente del proyecto |
@@ -139,7 +139,7 @@ Ver el ejemplo en [Crear objetivo](#build-target) a continuación.
139139
</code-example>
140140

141141
* La sección `architect/build` configura los valores por defecto para las opciones del comando `ng build`.
142-
Ver [build target](#build-target) a continuación para más información.
142+
Ver [crear destino](#build-target) a continuación para más información.
143143

144144
* La sección `architect/serve` anula los valores por defecto de creacion y suministra los valores por defecto servidos( <--PREGUNTAR A NICO) por el comando `ng serve`. Además de las opciones disponibles por el comando `ng build`, Esta agrega opciones relacionadas con el servicio de la aplicación.
145145

@@ -179,7 +179,7 @@ Por defecto, una configuracion de `production` es definida, y el comando `ng bui
179179

180180
Puedes definir y nombrar configuraciones alternas adicionales (como `stage`, por ejemplo) apropiandas para tu proceso de desarrollo. algunos ejemplo de diferentes configuraciones de creacion son `stable`, `archive` y `next` usados por el mismo AIO, y las configuraciones locales especificas individuales requeridas para la creacion de versiones localizadas de una aplicación. Para más detalles, ver [Internacionalizacion (i18n)](guide/i18n#merge-aot).
181181

182-
Puedes seleccionar una configuración alterna pasando el nombre en la linea de comandos con la bandera `--configuration`
182+
Puedes seleccionar una configuración alterna pasando el nombre en la linea de comandos con la bandera `--configuration`.
183183

184184
Puedes ademas pasar más que un nombre de configuración como una lista separada por comas. Por ejemplo, para aplicar las configuraciones creadas de `stage` y `fr`, use el comando `ng build --configuration stage,fr`. En este caso, el comando analiza las configuraciones nombradas de izquierda a derecha. Si multiples configuraciones cambian la misma configuracion, el ultimo valor establecido es el valor final.
185185

@@ -208,7 +208,7 @@ Algunas opciones adicionales puedes solo ser establecidas a traves de el archivo
208208

209209
Las opciones `assets`, `styles`, y `scripts` pueden tener o un valor de cadena de ruta simple, o valores de objeto con campos especificos.
210210
Las opciones `sourceMap` y `optimization` pueden ser establecidas con un valor Booleano simple con un comando bandera, pero puede ademas ser dado un valor complejo usando el archivo de configuración.
211-
Las siguientes secciones proveen mas detalles de como estos valores complejos son usados en cada caso .
211+
Las siguientes secciones proveen mas detalles de como estos valores complejos son usados en cada caso.
212212

213213
{@a asset-config}
214214

@@ -224,4 +224,152 @@ Por defecto, la carpeta `src/assets/` y `src/favicon.ico` son copiadas.
224224
"src/favicon.ico"
225225
]
226226

227-
</code-example>
227+
</code-example>
228+
229+
Para excluir un activo, puedes removerlo de la configuración de activos.
230+
231+
Puedes configurar más los activos para ser copiados especificando los activos como objetos, en vez de simples rutas relativas a la raiz del espacio de trabajo.
232+
Un activo puede tener los siguientes campos.
233+
234+
* `glob`: Un [node-glob](https://github.com/isaacs/node-glob/blob/master/README.md) usa `input` como directorio base.
235+
* `input`: Una ruta relativa a la raiz del espacio de trabajo.
236+
* `output`: Una ruta relativa a `outDir` (el valor por defecto es `dist/`*project-name*). Debido a las implicaciones de seguridad, el CLI nunca escribe archivos fuera de la ruta de salida del proyecto.
237+
* `ignore`: Una lista de globs a excluir.s
238+
239+
Por ejemplo, Las rutas por defecto de activos pueden ser representadas en más detalle usando los siguientes objetos.
240+
241+
<code-example language="json">
242+
243+
"assets": [
244+
{ "glob": "**/*", "input": "src/assets/", "output": "/assets/" },
245+
{ "glob": "favicon.ico", "input": "src/", "output": "/" }
246+
]
247+
248+
</code-example>
249+
250+
Puedes usar esta configuración extendida para copiar activos desde afuera de tu proyecto.
251+
Por ejemplo, las siguientes copias de configuración de activos desde un paquete de node.
252+
253+
<code-example language="json">
254+
255+
"assets": [
256+
{ "glob": "**/*", "input": "./node_modules/some-package/images", "output": "/some-package/" },
257+
]
258+
259+
</code-example>
260+
261+
El contenido de `node_modules/some-package/images/` estara disponible en `dist/some-package/`.
262+
263+
Los siguientes ejemplos usa el campo `ignore` para excluir ciertos archivos en la carpeta de activos de ser copiados dentro de build:
264+
265+
<code-example language="json">
266+
267+
"assets": [
268+
{ "glob": "**/*", "input": "src/assets/", "ignore": ["**/*.svg"], "output": "/assets/" },
269+
]
270+
271+
</code-example>
272+
273+
{@a style-script-config}
274+
275+
### Configuración de estilos y scripts
276+
277+
Una array de entrada para las opciones de `styles` y `scripts` pueden ser una cadena de rutas simple, o un objeto que apuntua a un archivo de punto de entrada extra.
278+
El constructor asociado cargara su archivo y sus dependencias como un paquete separado durante la creación.
279+
Con un objeto de configuracion, tienes la opcion de nombrar el paquete para un punto de entrada, usando un campo `bundleName`.
280+
281+
El paquete es inyectado de forma predeterminada, pero puedes establecer `inject` como false para excluir el paquete en la inyección.
282+
Por ejemplo, los siguientes valores de objetos crean y nombran un paquete que contiene estilos y scripts, y excluir este en la inyección:
283+
284+
<code-example language="json">
285+
286+
"styles": [
287+
{ "input": "src/external-module/styles.scss", "inject": false, "bundleName": "external-module" }
288+
],
289+
"scripts": [
290+
{ "input": "src/external-module/main.js", "inject": false, "bundleName": "external-module" }
291+
]
292+
293+
</code-example>
294+
295+
Puedes mezclar referencias de archivos simples y complejos para estilos y scripts.
296+
297+
<code-example language="json">
298+
299+
"styles": [
300+
"src/styles.css",
301+
"src/more-styles.css",
302+
{ "input": "src/lazy-style.scss", "inject": false },
303+
{ "input": "src/pre-rename-style.scss", "bundleName": "renamed-style" },
304+
]
305+
306+
</code-example>
307+
308+
{@a style-preprocessor}
309+
310+
#### Opciones de pre-procesadores de estilo
311+
312+
En Sass y Stylus puedes hacer uso de la funcionalidad `includePaths` para estilos de componentes y estilos globales, que te permiten agregar rutas de base adicionales que serán comprobadas para importaciones.
313+
314+
Para agregar rutas, use la opcion `stylePreprocessorOptions`:
315+
316+
<code-example language="json">
317+
318+
"stylePreprocessorOptions": {
319+
"includePaths": [
320+
"src/style-paths"
321+
]
322+
}
323+
324+
</code-example>
325+
326+
Archivos en esa carpeta como `src/style-paths/_variables.scss`, pueden ser importados desde cualquier lugar en tu proyecto sin necesitar de una ruta relativa.
327+
328+
```ts
329+
// src/app/app.component.scss
330+
// A relative path works
331+
@import '../style-paths/variables';
332+
// But now this works as well
333+
@import 'variables';
334+
```
335+
336+
Observe que además necesitara agregar cualquier estilo o script a el constructor `test` si las necesita para pruebas unitarias.
337+
Ver también [Usar librerias globales en tiempo de ejecución dentro de tu aplicación](guide/using-libraries#using-runtime-global-libraries-inside-your-app).
338+
339+
340+
{@a optimize-and-srcmap}
341+
342+
### Configuración y optimización del mapa de origen
343+
344+
Las opciones del comando `optimization` y `sourceMap` son simples banderas Booleanos.
345+
Puedes suministrar un objeto como un valor de configuracion para ya sea proveer de estos instrucciones detalladas.
346+
347+
* La bandera `--optimization="true"` aplica para los scripts y los estilos. Puedes suministrar un valor como los siguientes para aplicar optimizacion a uno u otro:
348+
349+
<code-example language="json">
350+
351+
"optimization": { "scripts": true, "styles": false }
352+
353+
</code-example>
354+
355+
* la bandera `--sourceMap="true"` produce mapas de origen para los scripts y los estilos.
356+
Puedes configurar la opción para aplicar a uno o a otro.
357+
Puedes tambien escoger producir mapas de origen ocultos, o resolver mapas de origen de paquetes de vendedores.
358+
Por ejemplo:
359+
360+
<code-example language="json">
361+
362+
"sourceMap": { "scripts": true, "styles": false, "hidden": true, "vendor": true }
363+
364+
</code-example>
365+
366+
<div class="alert is-helpful">
367+
368+
Cuando usas mapas de origen ocultos, los mapas de origen no estaran referenciados en el paquete.
369+
Estos som útiles si solo quieres mapas de origen para mapear los rastros de la pila de errores en herramientas de informe de errores, pero no quiere exponer sus mapas de origen en las herramientas de desarrollo del navegador.
370+
371+
372+
Para [Universal](guide/glossary#universal),
373+
puedes reducir el codigo renderizado en la pagina HTML estableciendo optimizacion de estilos como `true` y los mapas de origen como `false`.
374+
375+
</div>

0 commit comments

Comments
 (0)