ecmascript 6 - Hvordan bruger man tree-shaking for klasser med Typescript og Webpack?
Jeg har en klasse kaldet Car i filen car.ts og to andre klasser for motorerne i en anden fil engine.ts.
bil.ts
import { V8Engine, Engine } from './engine'; class SportsCar { constructor(private engine: Engine) {} toString() { return this.engine.toString() + ' Sports Car'; } }engine.ts
export interface Engine { toString(): string; } export class V6Engine implements Engine { toString() { return 'V6'; } } export class V8E Læs mere →typescript - Udsender ES5 med Webpack 2
Jeg har leget med Webpack 2 og skiftet min TypeScript til ES6-tilstand for at udnytte tree-shaking. Det er alt sammen fedt, men problemet er nu, at jeg bruger ES6 i produktion, mens ikke alle browsere understøtter det endnu.
Hvordan kan jeg få Webpack til at emittere ES5 efter tree-shaking er færdig?
Læs mere →typescript - Angular 2 webpack indlæs eksterne biblioteker
Jeg indlæser Wistia (en videoindlejningsservice) i min applikation. Scriptkoden skal indlejres i hovedfilen index.html, så den fungerer, hvor jeg bruger deres indlejningskode. Er der en måde at kalde den på kun i specifikke komponenter? Scriptet indlæses langsomt, og hele appen hakker, indtil det er indlæst.
Også - er der en måde at gøre det som en funktion, måske noget som loadWistia(), som jeg kan inkludere i mine komponenter, hvor det er nødvendigt. Hvis ja,
Læs mere →javascript - Typescript + karma + webpack + codecoverage virker ikke
Jeg vil gerne migrere et Angular1-projekt til Angular2 ved at følge trin-for-trin-instruktionerne. Derfor har jeg tilføjet TypeScript til projektet. Men nu har jeg problemer med at få det til at køre med Karma, Webpack og CodeCoverage. Enhedstestene er alle grønne, men kode-dækningen viser ikke ".ts"-filerne i sin rapport.
Hvordan skal jeg konfigurere min karma.config for at få dette til at virke? Jeg har allerede prøvet 'karma-typescript' og 'karma-remap-istanbul', men jeg sidder fast
Læs mere →Webpack og TypeScript - ingen transpilation og manglende kode
Jeg har en ret simpel Webpack/TypeScript opsætning, men af en eller anden grund er der i output-bundlen ingen transpilation ned til ES5, og moduler er ikke inkluderet i bundlen.
Jeg har et andet projekt med nøjagtig samme opsætning, som fungerer korrekt.
tsconfig.json:
{ "compilerOptions": { "module": "commonjs", "target": "es5", "noImplicitAny": false, " Læs mere →angular - Brug af Angular2 med Webpack viser ikke webpack-mappen i debuggeren
Jeg støder på et par problemer, når jeg bruger Angular2 med Webpack, og enhver hjælp vil blive værdsat. Når jeg starter webpack-dev-serveren, fungerer siden fint. Dog kan jeg ikke se webpack-mappen i debuggeren (jeg bruger Chrome). Jeg mistænker, at dette har noget at gøre med min projektmappestruktur og hvor webpack leder efter filer.
Læs mere →javascript - Fejl: Kan ikke finde 'fil' eller 'mappe' ved konfiguration af webpack til min typescript-applikation
Jeg forsøger at konfigurere webpack til min TypeScript-demoapplikation. Når jeg giver webpack-kommandoen, kaster den følgende fejl
ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./src/app.ts in D:\ts1 resolve file D:\ts1\src\app.ts doesn't exist D:\ts1\src\app.ts.ts doesn't exist D:\ts1\src\app.ts.html doesn't exist D:\ts1\src\app.ts.js doesn't exist resolve directory D:\ts1\src\app.ts\package.json doesn't exist (dir Læs mere →javascript - Registrering af plugins med ES6-moduler i webpack
Så i øjeblikket har jeg en SPA, der inkluderer forskellige funktioner baseret på 'plugins', der kan installeres (af brugere). Denne app er primært TypeScript lige nu, og de JS-filer, der genereres (es5-syntaks uden loader), inkluderes bare via script-tag i SPA'ens startside. Dette har fungeret tilstrækkeligt godt, men nu er antallet af scripts stort for visse brugere, så jeg planlægger at webpack'e (TS -> ES6 -> Babel -> Webpack Bundle) pluginsene, men jeg kan se en måde at nemt kun indlæse b
Læs mere →angularjs - angular.module udefineret ved brug af webpack
Angular 1.5.8, Webpack 2.1.0-beta.25
Jeg får en fejl om, at angular er udefineret, når jeg prøver at bruge det med webpack. Jeg har prøvet at indlæse angular som en ekstern og som en del af pakken som beskrevet her: Webpack ProvidePlugin vs externals?
Jeg har tilføjet denne kode ved mit indgangspunkt for at teste:
import * as angular from 'angular'; // import angular from 'angular'; <!-- have tried this too angular.module('test', []);Jeg kan hold
Læs mere →angular - Webpack og angular2 bygger ikke baggrundsbillede fra css
Jeg har sat et projekt op ved hjælp af Angular2 -> Webpack dokumentation: https://angular.io/docs/ts/latest/guide/webpack.html#!#top
Problemet er, at billederne fra .css-filerne ikke bliver bygget; i browseren får jeg 404, fordi de ikke er til stede/bygget i /dist/assets-mappen.
Jeg vil ikke bruge absolutte stier og placere dem manuelt i dist/assets/.. .Jeg har dem allerede i /public/images/..
Jeg vil bruge relative stier og hashes, som webpack automatisk opretter, og lade w
Læs mere →