javascript - Come cambiare dinamicamente i percorsi di importazione in webpack?

Ho un insieme di esportazioni che normalmente importo da una directory:

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

Tuttavia, se eseguo webpack con un NODE_ENV specifico impostato, vorrei che la radice di tutti questi import fosse trattata come es6 invece:

import {

Continua a leggere →

javascript - React Webpack Dev Server main.js non trovato

Sto usando React con Webpack 4 e sto sviluppando con il server di sviluppo di Webpack. Funziona perfettamente, tuttavia ho un problema.

Il server di sviluppo crea un file "main.js". Il problema sorge quando sono sulla pagina /edit/1 per esempio.

historyApiFallback assicura che non riceva un 404, ma che il mio index.

Continua a leggere →

typescript - Utilizzo di tether con webpack (Angular CLI)

Sto sviluppando un progetto utilizzando Angular CLI. Quindi ho installato tether usando npm install tether --save, e ho importato la dipendenza in app.component.ts usando import * as Tether da 'tether'.

Quando provo a inizializzare Tether con new Tether({ ... }) viene stampato il seguente erro

Continua a leggere →

javascript - Webpack: come impostare alcuni moduli per essere caricati per primi?

Ho la necessità di caricare prima di tutto un modulo, perché questo modulo è necessario per l'ereditarietà. Il problema è che TypeScript inizia a estendere immediatamente anche se la classe base non è stata caricata. La domanda è: esiste qualche plugin che possa cambiare l'ordine di caricamento? Grazie.

Context.ts

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

Continua a leggere →

javascript - Utilizzo di Firebase con Webpack e TypeScript

Sto cercando di estrarre alcuni dati da un'istanza Firebase, ma sto riscontrando un problema quando cerco di associarli a una variabile. Sto usando TypeScript e Webpack per costruire.

main.ts

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

I tipi e il modulo npm sono installati e funzionano, e Visual Code non mostra errori, ma quando apro il browser ottengo:

Continua a leggere →

typescript - Problemi a caricare pacchetti npm con webpack

Decido di iniziare con Angular 2 e Webpack. Ma ora ho un problema. Inizio con alcuni esempi di Webpack come:

imparare-webpack

demo-webpack

E se vedi che il package.json (cartella node_modules) è FUORI dagli esempi di webpack, ma questo non è un problema per avviare gli esempi. Ma quando provo a fare lo stesso usando Angular 2, ottengo il seguente errore:

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

Continua a leggere →

angularjs - angular + mocha + typescript + test con webpack

Ho un grande progetto Angular scritto in Typescript che viene trasformato in un bundle da Webpack. Quando uso Karma sto ottenendo un problema di ricaricamento della pagina che non riesco a risolvere. Pertanto ho deciso di provare Mocha, ma non riesco a farlo funzionare correttamente. Ho seguito la risposta accettata a questa domanda per arrivare a questo punto.

Primo problema

Forse qualcuno può dirmi cosa sto facendo di sbagliato o mostrarmi il modo giusto per con

Continua a leggere →

angularjs - Avviso Webpack su Windows - Esiste un altro modulo con lo stesso nome se si ignora il maiuscolo/minuscolo

Quando eseguo il demo su Windows 10 X64 da https://angular.io/docs/ts/latest/guide/webpack.html, ricevo un gran numero di avvisi. per esempio:

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_tes

Continua a leggere →

Costruire una libreria js con webpack con definizioni TypeScript

Ad esempio, ho una libreria che contiene 2 file scritti in commonjs.

button.js con tipi button.d.ts:

class Button {}; export = Button;

index.js con tipi index.d.ts:

import Button = require("./button")

Continua a leggere →

npm - Typescript compilare file ts separati, webpack

Sto cercando di usare direttamente npm come strumento di build per compilare file TypeScript per AngularJS.

Ho una struttura TypeScript come questa.

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

Sto usando un file webpack.config.js per compilare i file ts.

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

Continua a leggere →