ecmascript 6 - Hogyan lehet osztályokhoz tree-shakinget használni Typescript és Webpack segítségével?

Van egy Car nevű osztályom a car.ts fájlban, és két másik osztály a motorokhoz egy másik fájlban, az engine.ts-ben.

autó.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'; } } exp

További információ →

typescript - ES5 kibocsátása Webpack 2-vel

Játszadoztam a Webpack 2-vel, és átváltottam a TypeScriptemet ES6 módra, hogy kihasználhassam a tree-shaking előnyeit. Ez mind szuper, de a probléma most az, hogy ES6-ot használok éles környezetben, miközben nem minden böngésző támogatja azt még.

Hogyan tudom megmondani a Webpacknak, hogy az után adja ki az ES5-öt, hogy a fastrázogatás (tree-shaking) befejeződött?

További információ →

TypeScript - Angular 2 webpack külső könyvtárak betöltése

A Wistiát (egy videó beágyazó szolgáltatás) töltöm be az alkalmazásomba. A script kódot a fő index.html fájlba kell beágyazni, hogy működjön ott, ahol a beágyazási kódjukat használom. Van mód arra, hogy csak bizonyos komponensekben hívjam meg? A script lassan töltődik be, és az egész alkalmazás lassul, amíg be nem töltődik.

Szóval - van-e mód arra, hogy ezt olyan függvényként készítsük el, talán valami ilyesmi, mint a loadWistia(), amit be tudok illeszteni a ko

További információ →

javascript - Typescript + karma + webpack + kódlefedettség nem működik

Szeretném egy Angular1 projektet Angular2-re áttelepíteni a lépésről lépésre szóló utasítások követésével. Ezért hozzáadtam a TypeScript-et a projekthez. De most problémáim vannak azzal, hogy futtassam a projektet Karma-val, Webpack-kel és CodeCoverage-sel. Az egységtesztek mind zöldek, de a kódlefedettség jelentésében nem jelennek meg a ".ts" fájlok.

Hogyan kell konfigurálnom a karma.config fájlomat, hogy ez működjön? Már próbáltam a 'karma-typescript'-et és a 'karma-remap-istanbul'-t,

További információ →

Webpack és TypeScript - nincs transzpiláció és hiányzó kód

Elég egyszerű Webpack/TypeScript beállításom van, de valamiért a kimeneti csomagban nincs letranspilálás ES5-re, és a modulok nincsenek belefoglalva a csomagba.

Van egy másik projektem teljesen ugyanazzal a beállítással, ami helyesen működik.

tsconfig.json:

{ "compilerOptions": { "module": "commonjs", "target": "es5", "noImplicitAny": false, "sourceMap&qu

További információ →

angular - Az Angular2 használata Webpackkal nem mutatja a webpack mappát a hibakeresőben

Néhány problémába ütközöm, amikor az Angular2-t a Webpackkel használom, és bármilyen segítségnek örülnék. Amikor elindítom a webpack-dev-server-t, az oldal rendben működik. Azonban nem látom a webpack mappát a debuggerben (Chrome-ot használok). Azt gyanítom, hogy ennek valami köze van a projekt könyvtárstruktúrájához és ahhoz, hogy a webpack hol keresi a fájlokat.

További információ →

javascript - Hiba: Nem lehet feloldani a 'file' vagy 'directory' elemet a webpack konfigurálásakor a typescript alkalmazásomhoz

Megpróbálom konfigurálni a webpacket a TypeScript bemutató alkalmazásomhoz. Amikor kiadom a webpack parancsot, a következő hibákat dobja:

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 exi

További információ →

javascript - Pluginok regisztrálása ES6 modulokkal a webpackbe

Tehát jelenleg van egy SPA-m, amely különböző képességeket tartalmaz a felhasználók által telepíthető 'pluginok' alapján. Ez az alkalmazás jelenleg főként TypeScript, és a kimeneti JS fájlok (ES5 szintaxis loader nélkül) egyszerűen script taggel kerülnek be az SPA kezdőlapjára. Ez eddig elég jól működött, de most bizonyos felhasználók számára a szkriptek száma nagy, ezért azt tervezem, hogy a pluginokat webpackkel (TS -> ES6 -> Babel -> Webpack Bundle) építem, azonban még nem látok egyszerű m

További információ →

angularjs - angular.module nem definiált, amikor webpack-et használunk

Angular 1.5.8, Webpack 2.1.0-beta.25

Hibát kapok, hogy az angular nincs definiálva, amikor megpróbálom használni webpackkel. Megpróbáltam betölteni az angulart külsőként és a csomag részeként is, ahogy itt részletezve van: Webpack ProvidePlugin vs externals?

Hozzáadtam ezt a kódot a belépési pontomhoz tesztelés céljából:

import * as angular from 'angular'; // import angular from 'angular'; <!-- have tried this too angular.module('test', []);

A kur

További információ →

angular - Webpack és angular2 nem építi be a háttérképet a CSS-ből

Beállítottam egy projektet Angular2 -> Webpack használatával, dokumentáció: https://angular.io/docs/ts/latest/guide/webpack.html#!#top

A probléma az, hogy a .css fájlokból származó képek nincsenek buildelve, a böngészőben 404-et kapok, mert nem találhatók/buildelve a /dist/assets mappában.

Nem akarok abszolút útvonalakat használni és kézzel elhelyezni őket a dist/assets/.. mappában. Már megvannak a /public/images/.. mappában

A relatív útvonalakat és a hash-eket szeretném has

További információ →