javascript - Hvordan ændrer man dynamisk importstier i webpack?

Jeg har et sæt af eksporter, som jeg normalt importerer fra en mappe:

import { myThing } from 'path/to/dir/es5/things'

Men hvis jeg kører webpack med en specifik NODE_ENV indstillet, vil jeg gerne have, at roden af alle sådanne imports behandles som es6 i stedet:

import

Læs mere →

javascript - React Webpack Dev Server main.js ikke fundet

Jeg bruger React med Webpack 4 og udvikler med webpack dev-serveren. Dette fungerer perfekt, men jeg har et problem.

Dev-serveren opretter en fil "main.js". Problemet opstår, når jeg for eksempel er på siden /edit/1.

historyApiFallback sikrer, at jeg ikke får en 404, men at min index.html serveres. Det virker.

Læs mere →

typescript - Brug af tether med webpack (Angular CLI)

Jeg udvikler et projekt ved hjælp af Angular CLI. Så jeg installerede tether ved hjælp af npm install tether --save, og importerede afhængigheden i app.component.ts ved hjælp af import * as Tether from 'tether'.

Når jeg prøver at initialisere Tether med new Tether({ ... }), udskriver det følge

Læs mere →

javascript - Webpack: hvordan sætter man nogle moduler til at blive indlæst først?

Jeg har et krav om at indlæse en modul først og fremmest, fordi denne modul er nødvendig i arv. Problemet er, at TypeScript begynder at udvide med det samme, selvom basis-klassen ikke er blevet indlæst. Spørgsmålet er: er der nogen plugin, som kan ændre indlæsningsrækkefølgen? Tak.

Context.ts

import { Transform } from './Transform'; import { Form } from './Form'; export class Context { public transform() { return new Transform(this); } public toFormC

Læs mere →

javascript - Brug af Firebase med Webpack og TypeScript

Jeg forsøger at hente nogle data fra en Firebase-instans, men støder på et problem, når jeg prøver at binde det til en variabel. Jeg bruger TypeScript og Webpack til at bygge.

main.ts

import * as Firebase from 'firebase'; class filter { constructor(){ let ref = new Firebase('my-url-here'); } }

Typingerne og npm-modulet er installeret og fungerer, og Visual Code viser ingen fejl, men når jeg åbner browseren, får jeg:

Læs mere →

typescript - Problemer med at indlæse npm-pakker med webpack

Jeg beslutter at starte med Angular 2 og webpack. Men nu har jeg et problem. Jeg starter med nogle webpack-eksempler som:

læring-webpack

webpack-demonstrationer

Og hvis du ser, at package.json (node_modules-mappen) er UDEN for webpack-eksemplerne, er det dog ikke et problem at køre eksemplerne. Men når jeg prøver at gøre det samme med Angular 2, får jeg følgende fejl:

ERROR in Error: Child compilation failed: Entry module not found: Error: Cannot resolve mo

Læs mere →

angularjs - angular + mocha + typescript + webpack testning

Jeg har et stort Angular-projekt skrevet i Typescript, som bliver gjort til en bundle af Webpack. Når jeg bruger Karma, har jeg haft et problem med, at siden genindlæses, som jeg ikke kan løse. Derfor er jeg gået over til at prøve Mocha, men jeg kan ikke få det til at fungere korrekt. Jeg har fulgt det accepterede svar på dette spørgsmål for at komme så langt.

Første problem

Måske kan nogen fortælle mig, hvad jeg gør forkert, eller vise mig den rigtige måde at sæt

Læs mere →

angularjs - Webpack-advarsel på Windows - Der er et andet modul med samme navn, når forskelle i bogstavsform ignoreres

Når jeg kører demo på Windows 10 X64 fra https://angular.io/docs/ts/latest/guide/webpack.html, får jeg et stort antal advarsler. f.eks.:

WARNING in ./~/.npminstall/rxjs/5.0.0-beta.6/rxjs/Notification.js There is another module with an equal name when case is ignored. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Rename module if multiple modules are expected or use equal casing if one module is expected. WARNING in E:/zc_test/angu

Læs mere →

Byg js-bibliotek med webpack med TypeScript-definitioner

For eksempel har jeg et bibliotek, der indeholder 2 filer skrevet i commonjs.

button.js med typedeclarationer button.d.ts:

class Button {}; export = Button;

index.js med typedeclarationer index.d.ts:

Læs mere →

npm - Typescript kompilere separate ts-filer, webpack

Jeg prøver at bruge ren npm som et build-værktøj til at kompilere TypeScript-filer til AngularJS.

Jeg har en TypeScript-struktur som denne.

ts home Home.Controller.ts Home.Directive.ts home.html Home.Service.ts

Jeg bruger en webpack.config.js-fil til at kompilere ts-filerne.

var glob = require("glob"); module.exports = { entry: glob.sync('./src/app/**/*.ts'), //en

Læs mere →