Paquete de la aplicación AngularJs TypeScript desde Visual Studio

Estoy creando una aplicación web con TypeScript, AngularJS y Bootstrap.

Para este propósito utilizo Plantilla de Proyecto de Visual Studio Aplicación HTML con TypeScript.

La estructura del proyecto es:

• aplicación

  • móduloA

    • carpetaControlado

      Leer más →

javascript - Sin soporte TSX al usar bundleSFX con JSPM/SystemJs TypeScript React archivos TSX

Tengo problemas para empaquetar mi aplicación de React en una tarea de Grunt, la aplicación está escrita en TypeScript con archivos *.tsx. Para TypeScript en el navegador, la compilación en tiempo real funciona bien. Los componentes se cargan a través de system como archivos *.tsx, se compilan a JavaScript y se ejecutan. Activador en el navegador:

<script> System.import("app/Main"); </script>

funciona bien ... Pero cuando intento crear un bundleSFX o

Leer más →

typescript - empaquetando con jspm en un solo archivo

Tengo un problema al empaquetar mi script con jspm. Tengo la versión 0.16.30 de jspm instalada tanto como dependencia de desarrollo como global.

Cuando intento empaquetar, recibo el siguiente error:

Error de referencia no capturado: System no está definido

Aquí está la parte superior de mi config.js (he excluido mapas, etc.):

baseURL: "/", defaultJSExtensions: true, transpiler: "typescript", typescriptOptions: { "module": "com

Leer más →

javascript - Empaquetado y minificación en Angular2

ASP.NET (o gulp) se encargará de la agrupación y minificación. Sin embargo, el problema con el que me encontré es algo diferente. Según los tutoriales de Angular2, el HTML de la vista está incrustado dentro del propio componente. Hay una manera, usando TypeScript, de separar eso en archivos .ts y .html. Aquí está cómo

Leer más →

javascript - ¿Cómo agrupar una biblioteca de terceros con TypeScript?

Tengo un proyecto de Typescript con algunas dependencias externas. Una de ellas es socket.io-client. Uso el sistema de módulos amd.

He descargado tipificaciones para socke.io-client, que declara un módulo ambiental así:

declare module 'socket.io-client' {...}

En producción, compilo todos mis archivos fuente .ts en un archivo prod.js.

¿Cómo puedo construir mi proyecto para concatenar estas dependencias dentro de este archivo prod.js, de modo que los us

Leer más →

javascript - Tengo un error de carga perezosa (lazy load) de Angular2 con systemjs cuando hago un bundle para producción

Tengo un error de carga diferida de systemjs en Angular2 cuando hago un bundle para producción

Tengo una aplicación Angular2 que usa TypeScript, HTML5 y SystemJS.

Cuando ejecuto mis módulos de carga diferida localmente, todo funciona bien. Pero cuando creo los archivos de producción, por ejemplo, el paquete para la versión, entonces los módulos/rutas de carga diferida no funcionan.

La aplicación aún se carga y otras rutas que no usan carga diferida funcionan. Pero, por ejemp

Leer más →

angular - webpack-dev-server sirve un paquete de una versión anterior

Estoy usando Webpack para construir una aplicación Angular 2 AOT (ver configuración abajo). Cuando simplemente ejecuto webpack, todo funciona bien. Cuando uso webpack-dev-server, funciona bien en la primera carga de la página, pero a partir de entonces el paquete siempre está una versión at

Leer más →

javascript - ¿Cómo acceder a una variable en TypeScript después de que el archivo esté empaquetado?

Soy nuevo en TypeScript, escribí algunas clases y métodos simples pero ¡no sé cómo acceder a ellos!

Usé gulp a través de browserify, tsify para agrupar mis archivos .ts en un solo archivo.

Imagina que el nombre de la clase principal es library y esto es así:

import {something} from "./someWhere"; class libraryClass{ //Some code here too... } var library = new libraryClass(); var testVar = "TypeScript";

Leer más →

javascript - Usando webpack para producir un paquete de proveedores y archivos fuente uno a uno

¿Cómo puedo usar webpack (v2.x) para producir un único paquete de proveedores y archivos fuente separados?

Por ejemplo:

• src/

  • test.html
  • test.ts

Donde test.ts importa lodash.

Quiero mostrar:

• construir/

  • vendor.js (lodash en este caso, y cualquier lógica de webpack)

  • src/

    • test.html
    • test.js

¿Hay alguna manera de hacer est

Leer más →

javascript - Problema de empaquetado de Angular CLI

He empezado un proyecto de Angular2 usando Angular-cli, todo funciona correctamente cuando ejecuto ng-serve.

Mi problema es que al ver el código fuente en el navegador puedo ver que inyecta tres scripts de paquetes.

<script type="text/javascript" src="inline.bundle.js"></script> <script type="text/javascript" src="vendor.bundle.js"></script> <script type="text/javascript" src="main.bundle.js"></script>

Pero cuando inte

Leer más →