javascript - Comment changer dynamiquement les chemins d'importation dans webpack ?
J'ai un ensemble d'exports que j'importe normalement depuis un répertoire :
import { myThing } from 'path/to/dir/es5/things'Cependant, si j'exécute webpack avec un NODE_ENV spécifique défini, j'aimerais que la racine de toutes ces importations soit traitée comme es6 :
i Lire la suite →javascript - React Webpack Dev Server main.js introuvable
J'utilise React avec Webpack 4 et je développe avec le serveur de développement webpack. Cela fonctionne parfaitement, cependant j'ai un problème.
Le serveur de développement crée un fichier « main.js ». Le problème survient lorsque je suis sur la page /edit/1 par exemple.
historyApiFallback s'assure que je n'obtien
Lire la suite →typescript - Utilisation de tether avec webpack (Angular CLI)
Je développe un projet en utilisant Angular CLI. J'ai donc installé Tether en utilisant npm install tether --save, et j'ai importé la dépendance dans app.component.ts en utilisant import * as Tether from 'tether'.
Lorsque j'essaie d'initialiser Tether avec new Tether({ ... }), il affiche l'err
Lire la suite →javascript - Webpack : comment faire en sorte que certains modules soient chargés en premier ?
J'ai besoin de charger un certain module d'abord, car ce module est nécessaire pour l'héritage. Le problème est que TypeScript commence à étendre immédiatement même si la classe de base n'a pas été chargée. La question est : existe-t-il un plugin qui peut changer l'ordre de chargement ? Merci.
Contexte.ts
import { Transform } from './Transform'; import { Form } from './Form'; export class Context { public transform() { return new Transform(this); } p Lire la suite →javascript - Utilisation de Firebase avec Webpack et TypeScript
J'essaie de récupérer des données à partir d'une instance Firebase, mais je rencontre un problème lorsque j'essaie de les lier à une variable. J'utilise TypeScript et Webpack pour construire.
main.ts
import * as Firebase from 'firebase'; class filter { constructor(){ let ref = new Firebase('my-url-here'); } }Les typings et le module npm sont installés et fonctionnent, et Visual Code ne signale aucune erreur, mais lorsque j
Lire la suite →typescript - Problème pour charger les paquets npm avec webpack
Je décide de commencer avec Angular 2 et Webpack. Mais maintenant j'ai un problème. Je commence avec quelques exemples de Webpack comme :
apprentissage-webpack
démos-webpack
Et si vous voyez le package.json (dossier node_modules) est HORS des exemples de webpack, mais ce n'est pas un problème pour lancer les exemples. Mais quand j'essaie de faire la même chose avec Angular 2, j'ai l'erreur suivante :
ERROR in Error: Child compilation failed: Entry module no Lire la suite →angularjs - angular + mocha + typescript + tests webpack
J'ai un grand projet Angular écrit en Typescript qui est transformé en un bundle par Webpack. Lorsque j'utilise Karma, j'ai un problème de rechargement de page que je ne peux pas résoudre. Par conséquent, j'ai essayé de passer à Mocha, mais je n'arrive pas à le faire fonctionner correctement. J'ai suivi la réponse acceptée à cette question pour en arriver là.
Premier problème
Peut-être que quelqu'un peut me dire ce que je fais de mal ou me montrer la bonne façon d
Lire la suite →angularjs - Avertissement Webpack sur Windows - Il existe un autre module avec un nom identique lorsque la casse est ignorée
Lorsque j'exécute la démonstration sur Windows 10 X64 depuis https://angular.io/docs/ts/latest/guide/webpack.html, je reçois un grand nombre d'avertissements. Par exemple :
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 e Lire la suite →Construire une bibliothèque js avec webpack et des définitions TypeScript
Par exemple, j'ai une bibliothèque qui contient 2 fichiers écrits en CommonJS.
button.js avec les typages button.d.ts :
class Button {}; export = Button;index.js avec les typages index.d.ts :
import Lire la suite →npm - Compiler des fichiers ts séparés avec Typescript, webpack
J'essaie d'utiliser npm directement comme outil de construction pour compiler des fichiers TypeScript pour AngularJS.
J'ai une structure TypeScript comme ceci.
ts home Home.Controller.ts Home.Directive.ts home.html Home.Service.tsJ'utilise un fichier webpack.config.js pour compiler les fichiers ts.
var glob = require("glob"); module.exports = { entry: glob.sync('./src/ Lire la suite →