Paketering av AngularJs TypeScript-app från Visual Studio

Jag skapar en webbapp med TypeScript, AngularJS och Bootstrap.

För detta ändamål använder jag Visual Studio Project Template HTML Application With TypeScript.

Projektsstruktur är:

javascript - Inget TSX-stöd när bundleSFX med JSPM/SystemJs TypeScript React TSX-filer

Jag har problem med att paketera min React-app i en grunt-task, appen är skriven i Typescript med *.tsx-filer. För Typescript i webbläsaren fungerar on-the-fly-kompilering bra. Komponenterna laddas via system som *.tsx-filer och kompileras till JavaScript och körs. I webbläsarttrigger:

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

fungerar bra ... Men när jag försöker skapa en bundleSFX får jag många fel relaterade till TSX.

Grunt-Bundle-komman

Läs mer →

typescript - bundling med jspm i en enda fil

Jag har ett problem med att paketera mitt skript med jspm. Jag har version 0.16.30 av jspm installerad både som dev-beroende och globalt.

När jag försöker paketera får jag följande fel:

Okontrollerat ReferenceError: System är inte definierat

Här är toppen av min config.js (jag exkluderade kartor etc.):

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

Läs mer →

javascript - Angular2 paketering och minifiering

ASP.NET (eller gulp) tar hand om bundling och minifiering. Problemet jag stötte på är dock något helt annat. Enligt Angular2:s handledningar är visnings-HTML inbäddad i själva komponenten. Det finns ett sätt, med hjälp av TypeScript, att separera detta till en .ts- och .html-fil. Så här gör man:

... ///

Läs mer →

javascript - Hur man paketerar tredjepartsbibliotek med typescript?

Jag har ett Typescript-projekt med några externa beroenden. Ett av dem är socke.io-klient. Jag använder amd-modulsystemet.

Jag har laddat ner typer för socke.io-client, som deklarerar en ambient modul på följande sätt:

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

I produktion kompilerar jag alla mina .ts-källfiler till en enda prod.js-fil.

Hur kan jag bygga mitt projekt för att sammanfoga dessa beroenden inuti denna prod.js-fil, så att slutanvändare inte b

Läs mer →

javascript - Jag har ett Angular2 systemjs lazy load-fel när jag gör en bundle för produktion

Jag har ett Angular2 systemjs lazy load-fel när jag gör en bundle för produktion

Jag har en Angular2-app som använder TypeScript, HTML5 och SystemJS.

När jag kör mina lazy load-moduler lokalt fungerar allt bra. Men när jag skapar produktionsfilerna, t.ex. bundle för release, fungerar inte de lazy loading-modulerna/rutterna.

Appen laddar fortfarande och andra rutter utan lazy loading fungerar. Men för min villkorssida till exempel får jag detta fel i konsolloggen:

Läs mer →

angular - webpack-dev-server serverar en version äldre bundel

Jag använder Webpack för att bygga en Angular 2 AOT-app (se konfiguration nedan). När jag bara kör webpack fungerar allt bra. När jag använder webpack-dev-server fungerar det bra vid första sidladdningen, men från och med då är bundle alltid en version gammal.

Till exempel, när jag st

Läs mer →

javascript - Hur får man åtkomst till en variabel i TypeScript efter att filen har bundlats?

Jag är ny på TypeScript, jag har skrivit några enkla klasser och metoder men jag vet inte hur jag ska komma åt dem!

Jag använde gulp via browserify, tsify för att bunta mina .ts-filer till en fil.

Föreställ dig att huvudklassens namn är library och här är det:

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

Läs mer →

javascript - Använda webpack för att producera en leverantörs-bunt och en-till-en källfiler

Hur kan jag använda webpack (v2.x) för att producera ett enda leverantörspaket och separata källfiler?

Till exempel:

  • src/

    • test.html
    • test.ts

Där test.ts importerar lodash.

Jag vill skriva ut:

  • bygg/

    • vendor.js (lodash i det här fallet, och all webpack-logik)

    • src/

      • test.html
      • test.js

Finns det ett sätt att göra detta?

Läs mer →

javascript - Angular CLI-buntningsproblem

Jag har startat ett Angular2-projekt med Angular-cli, allt fungerar som det ska när jag kör ng-serve.

Mitt problem är att när jag visar källkod i webbläsaren kan jag se att det injicerar tre bundles-skript.

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

Men när jag försöker hitt

Läs mer →