Pachetizarea aplicației AngularJs TypeScript din Visual Studio

Creez o aplicație web cu TypeScript, AngularJS și Bootstrap.

În acest scop folosesc Șablon de Proiect Visual Studio Aplicație HTML cu TypeScript.

Structura proiectului este:

javascript - Fără suport TSX atunci când bundleSFX cu JSPM/SystemJs TypeScript React fișiere TSX

Am probleme la împachetarea aplicației mele React într-o sarcină grunt, aplicația este scrisă în Typescript cu fișiere *.tsx. Pentru Typescript în browser, compilarea din mers funcționează bine. Componentele sunt încărcate prin system ca fișiere *.tsx și compilate în JavaScript și rulează. Declanșator în browser:

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

funcționează bine... Dar când încerc să creez un bundleSFX primesc multe erori legate de TSX.

Citeste mai mult →

typescript - împachetare cu jspm într-un singur fișier

Am o problemă cu împachetarea scriptului meu cu jspm. Am versiunea 0.16.30 de jspm instalată atât ca dependență de dezvoltare, cât și global.

Când încerc să compilez, primesc următoarea eroare:

Eroare de referință nedefinită: System nu este definit

Iată partea de sus a fișierului meu config.js (am exclus hărțile etc.):

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

Citeste mai mult →

javascript - Împachetarea și minificarea în Angular2

ASP.NET (sau gulp) se va ocupa de îmbinarea și minificarea fișierelor. Totuși, problema cu care m-am confruntat este destul de diferită. Conform tutorialelor Angular2, HTML-ul vizualizării este încorporat în componenta însăși. Există o modalitate, folosind TypeScript, de a separa asta în fișiere .ts și .html. Iată cum

Citeste mai mult →

javascript - Cum să compilezi o bibliotecă terță parte cu typescript?

Am un proiect Typescript cu unele dependențe externe. Una dintre ele este socke.io-client. Folosesc sistemul de module amd.

Am descărcat tipurile pentru socke.io-client, care declară un modul ambient astfel:

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

În producție, compilez toate fișierele mele sursă .ts într-un singur fișier prod.js.

Cum pot să construiesc proiectul meu pentru a concatena aceste deps în fișierul prod.js, astfel încât utilizatorii finali

Citeste mai mult →

javascript - Am o eroare Angular2 systemjs la încărcarea leneșă atunci când fac un bundle pentru producție

Am o eroare de încărcare leneșă systemjs în Angular2 atunci când fac un bundle pentru producție

Am o aplicație angular2 care folosește typescript, html5 și systemjs.

Când rulez modulele mele cu încărcare leneșă local, totul funcționează bine. Dar când creez fișierele de producție, de exemplu pachetul pentru lansare, modulele/rutele cu încărcare leneșă nu funcționează.

Aplicația încă se încarcă și alte rute care nu folosesc încărcarea leneșă funcționează. Dar pentru pagina me

Citeste mai mult →

angular - webpack-dev-server servește un pachet cu o versiune mai veche

Folosesc Webpack pentru a construi o aplicație Angular 2 AOT (vezi configurația de mai jos). Când rulez doar webpack, totul funcționează bine. Când folosesc webpack-dev-server, funcționează bine la prima încărcare a paginii, dar de atunci înainte bundle-ul este mereu cu o versiune mai veche

Citeste mai mult →

javascript - Cum să accesezi o variabilă în TypeScript după ce fișierul a fost bundlat?

Sunt nou în TypeScript, am scris câteva clase și metode simple, dar nu știu cum să le accesez!

Am folosit gulp prin browserify, tsify pentru a împacheta fișierele mele .ts într-un singur fișier.

Imaginează-ți că numele clasei principale este library și iată asta:

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

Citeste mai mult →

javascript - Utilizarea webpack pentru a produce un pachet de furnizori și fișiere sursă unu-la-unu

Cum pot folosi webpack (v2.x) pentru a produce un singur pachet pentru vendor și fișiere sursă separate?

De exemplu:

  • src/

    • test.html
    • test.ts

Unde test.ts importă lodash.

Vreau să afișez:

  • construire/

    • vendor.js (lodash în acest caz și orice logică webpack)

    • src/

      • test.html
      • test.js

Există o modalitate de a face asta?

Citeste mai mult →

javascript - problem de împachetare Angular CLI

Am început un proiect Angular2 folosind Angular-cli, totul funcționează în ordine atunci când rulez ng-serve.

Problema mea este că atunci când vizualizez sursa în browser pot vedea că injectează trei scripturi de tip bundle.

<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>

Dar cân

Citeste mai mult →