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.

5
Best Practices für gemeinsam genutzte Komponentenbibliotheken
Ich erstelle eine gemeinsam nutzbare React-Komponentenbibliothek. Die Bibliothek enthält viele Komponenten, aber der Endbenutzer muss möglicherweise nur einige davon verwenden. Wenn Sie Code mit Webpack (oder Parcel oder Rollup) bündeln, wird eine einzige Datei mit dem gesamten Code erstellt . Aus Leistungsgründen möchte ich nicht, dass der gesamte Code vom …
2
Wenn ich npm runbuild in vue.js erhalte, wird der Fehler angezeigt. Die Schnittstelle 'NodeRequire' kann die Typen 'Require' nicht gleichzeitig erweitern.
ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …
1
Wie kann ich Schriftarten in CSS mit Webpack einbinden?
Problemhintergrund: Ich verwende Katex, um etwas Mathematik auf einer Seite zu rendern. Ich möchte dann eine PDF-Version eines Teils dieser Seite erstellen, also erstelle ich ein HTML-Dokument, das den zu exportierenden Teil enthält, der das gesamte CSS enthält, und übergebe es an den Renderer. Der Renderer kann nicht auf die …
2
So lassen Sie eslint-Auflösungspfade in jsconfig zuordnen
In meinem nextjs-Projekt habe ich einen Pfad zugeordnet jsconfig.json, um einfache absolute Importe zu ermöglichen { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Meine Importpfade sehen so aus import { VIEW } from '@/src/shared/constants'; Mein eslintrc.jshat Einstellungen angegeben als module.exports …
1
Debuggen Sie die Webpack-Dev-Server-Anwendung im Docker-Container
Ich verwende webpack-dev-server, um eine Nestjs-Anwendung in einem Docker-Container auszuführen. Alles ist in Betrieb, aber ich kann die Anwendung nicht von meiner VS-Code-Instanz aus debuggen. Ich versuche, den 9229-Port mithilfe dieser Konfiguration auf dem webpack.config.jsfolgenden Konto freizulegen : devServer: { host: '0.0.0.0', port: 9229, }, Wenn ich netstat -lim Container …
1
Verwenden von React Lazy Loading, wenn ich zu einer verschachtelten Route navigiere, die das Hauptpaket nicht lädt
Ich verwende reagieren Router mit Komponente verzögertes Laden und mit Webpack als Bündler , wenn ich auf die Homepage zugreifen / kann ich im Netz Registerkarte sehen , dass die bundle.jsgeladen wird , und auch wenn ich auf einem bestimmten Element in der Seitenleiste der Korrespondent Komponente wird beispielsweise erfolgreich …
1
Benennen Sie Webpack / Gatsby-Chunkmapping-Zeichenfolgen um
Beim Erstellen unserer Produktions-App in Gatsby sehe ich ungefähr Folgendes: window.___chunkMapping={ "app":[], "component---src-templates-page-tsx":[], "component---src-templates-pages-newsletter-tsx":[] } Ist es möglich, diese Pfade zu hashen, anstatt sie auszudrucken? Wir wollen nicht zu viel von dem aussetzen, was im Hintergrund passiert. Ich habe versucht, diese Konfigurationen im Webpack festzulegen: output: { filename: `[chunkhash:2][contenthash:5].js`, chunkFilename: …
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.