Als «webpack» getaggte Fragen

Webpack ist ein JavaScript-Modulbündler. Webpack verwendet Module mit Abhängigkeiten und generiert statische Assets, die diese Module darstellen. Die wichtigsten Funktionen von Webpack basieren auf der Erweiterbarkeit und ermöglichen Entwicklern die Verwendung von Best Practices für Webarchitektur und Webleistung.

14
Typoskript reagieren - Es konnte keine Deklarationsdatei für das Modul '' reagieren-materialisieren '' gefunden werden. 'path / to / module-name.js' hat implizit einen beliebigen Typ
Ich versuche Komponenten aus React-Materialise zu importieren als - import {Navbar, NavItem} from 'react-materialize'; Aber wenn das Webpack meine erstellt .tsx, wird ein Fehler für die oben genannten als - ausgelöst. ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly …
1
Sourcemaps werden in Chrome mit Ruby on Rails, Webpack und React JS um eine Zeile entfernt
Ich habe ein Problem, bei dem die von Webpack mithilfe der inline-source-mapKonfigurationseinstellung generierten Quellenzuordnungen um eine Zeile verschoben sind, wenn ich den Chrome devtools-Debugger verwende. Webpack wird in einer Ruby on Rails-Anwendung eingerichtet, um eine verkettete, nicht minimierte JavaScript-Datei zu generieren, die aus ein paar Dutzend Modulen besteht. Die meisten …
2
Wie kann die Erstellungszeit des Webpacks mit dem Tool prefetchPlugin & analyse optimiert werden?
Frühere Forschungen: Wie im Wiki von Webpack angegeben, ist es möglich, das Analysetool zu verwenden, um die Build-Leistung zu optimieren: von: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Hinweise aus Build-Statistiken Es gibt ein Analysetool, das Ihren Build visualisiert und Hinweise gibt, wie Buildgröße und Buildleistung optimiert werden können . Sie können die erforderliche JSON-Datei generieren, …
2
Chrome-Speicher-Cache gegen Festplatten-Cache
Ich interessiere mich für Chrome Memory Cache vs Disk Cache? Ich benutze Webpack, Common Chunks Plugin und generiere alle meine Dateien mit Chunkhash. Wie unterscheidet sich der Speicher vom Festplatten-Cache? Wenn ich meine Seite neu lade, werden einige Dateien aus dem Speichercache und einige aus dem Festplattencache geladen (bundle.js und …
11
Webpack - webpack-dev-server: Befehl nicht gefunden
Ich arbeite an einer React-Webanwendung mit Webpack, lose neben diesem Tutorial . Aus Versehen habe ich den Ordner node_modules zu meinem Git hinzugefügt. Ich habe es dann wieder mit entfernt git rm -f node_modules/*. Wenn ich jetzt versuche, den Webpack-Server zu starten, wird folgende Fehlermeldung angezeigt: > webpack-dev-server -d --config …
96 node.js  npm  webpack 
5
Importieren Sie Bilder mithilfe von Webpack dynamisch aus einem Verzeichnis
Hier ist mein aktueller Workflow zum Importieren von Bildern und Symbolen in Webpack über ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Das wird schnell chaotisch. Folgendes möchte ich: import * from './images' <img src={doggy} /> <img src={turtle} …
5
Bootstrap4-Abhängigkeit PopperJs löst einen Fehler in Angular aus
Ich habe gerade eine brandneue erstellt eckig-cliProjekt und lief npm install bootstrap@4.0.0-beta jquery popper.js --save und änderte die zugehörigen Teile von .angular-cli.json wie folgt "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], jedoch den Fehler unten erhalten 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports …
11
Wie verwende ich Google-Schriftarten in React.js?
Ich hatte eine Website mit React.js und Webpack erstellt . Ich möchte Google-Schriftarten auf der Webseite verwenden, daher habe ich den Link in den Abschnitt eingefügt. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Und CSS einstellen body{ font-family: 'Bungee Inline', cursive; } Es funktioniert jedoch nicht. Wie kann ich dieses Problem lösen?
2
Webpack gegen Webpack-Dev-Server gegen Webpack-Dev-Middleware gegen Webpack-Hot-Middleware gegen etc.
Ich beginne webpackmit einer node/expressUmgebung zu arbeiten, in der eine ReactJSserverseitig gerenderte Anwendung entwickelt wird react-router. Ich bin sehr verwirrt über die Rolle jedes Webpack-Pakets für Entwickler- und Produktumgebungen (Laufzeitumgebungen). Hier ist die Zusammenfassung meines Verständnisses: webpack: Ist ein Paket, ein Tool, um verschiedene Teile einer Webanwendung zusammenzufügen und dann …
4
Chunk.entrypoints: Verwenden Sie stattdessen Chunks.groupsIterable und filtern Sie nach der Instanz von Entrypoint
Beim Versuch, meine App zu starten, werden folgende Fehler angezeigt ... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.