Was sind die neuen Funktionen von Webpack3?
In diesem Artikel werden zu Ihrer Information kurz die neuen Funktionen in der neuesten Version von Webpack 3 vorgestellt.
1. Neue Funktionen von Webpack 3
Am 20. Juni veröffentlichte Webpack die neueste Version 3.0 und kündigte sie auf Medium an.
Webpack ist mittlerweile fast der Standard für die Frontend-Entwicklung, also werfen wir einen Blick auf die wichtigsten Funktionsupdates in der neuen Version.
Die allgemeinen Änderungen sind im Vergleich zu 2.0 nicht groß, also keine Panik.
Zugehörige Video-Tutorials zu Webpack 2.0 finden Sie in den 20 Episoden der von mir aufgezeichneten Video-Tutorials, Webpack 2 Video Tutorials.
Das Folgende ist die Funktionsliste in Version 3.0.
node_modules werden in den Statistiken nicht mehr zu ~ verstümmelt [Breaking Change]
Timeout für HMR-Anfragen ist konfigurierbar
experimentelles Scope Hoisting (webpack.optimize.ModuleConcatenationPlugin) hinzugefügt
einige Leistungsverbesserungen
output.libraryExport hinzugefügt, um einen Export auszuwählen für die Bibliothek
sourceMapFilename unterstützt jetzt [contenthash] [Breaking Change]
module.noParse unterstützt Funktionen
Knoten hinzufügen: Option „Falsch“ zum Deaktivieren aller knotenspezifischen Ergänzungen
1.1 Aktualisierungsmethode und Versionsmigration
Sie können es direkt über den von Ihnen benötigten Befehl installieren um es später hinzuzufügen Versionsnummer.
npm install webpack@3.0.0 --save-dev
oder
yarn add webpack@3.0.0 --dev
Was das Upgrade von Webpack 2 auf Webpack 3 betrifft, lauten die offiziellen Worte:
Kein Aufwand außer der Ausführung der Upgrade-Befehle in Ihrem Terminal
Daher kann man schlussfolgern, dass sich die Versionsnummer zwar erheblich geändert hat, sich aber nicht viel ändern wird, sodass Sie aufatmen können.
1.2 Scope Hoisting
Jedes Modul zuvor war in einem unabhängigen Funktionsabschluss enthalten. Diese Verarbeitungsmethode verursachte das Problem der langsamen Codeausführung im Browser.
Nachdem das Entwicklungsteam auf Frameworks wie Closure Compiler und RollupJS zurückgegriffen hatte, änderte es die Wrapping-Methode von Funktionsabschlüssen in eine konfigurierbare Form.
Konfigurieren Sie es einfach in den vorherigen Plugins.
module.exports = { plugins: [ new webpack.optimize.ModuleConcatenationPlugin() ] };
Natürlich kann es sein, dass die Konfiguration aufgrund des Ladens einiger Module nicht erfolgreich ist. Die offiziellen CLI-Parameter --display-optimization-bailout
werden zum Debuggen bereitgestellt, was dazu führt, dass die Konfiguration fehlschlägt.
1.3 Magische Kommentare
Tatsächlich können Sie den Chunk-Namen befehlen.
import(/* webpackChunkName: "my-chunk-name" */ 'module');
Weitere Informationen zur Verwendung finden Sie hier.
2. Nächste neue Funktionen
Besserer Kompilierungscache
Schnelle erste und inkrementelle Kompilierungsgeschwindigkeit
Freundlichere Unterstützung für TypeScript
Langfristiges Caching ändern
Unterstützung für WASM-Modulunterstützung hinzufügen
Verbesserung der Benutzererfahrung
3. Zusammenfassung
Insgesamt gibt es keine großen Änderungen, und daMagic Comments
andere Funktionen veröffentlicht wurden Version 2.4 Ich persönlich bin der Meinung, dass die Veröffentlichung einer Version 3.0 vor allem ein Symbol für die Entschlossenheit des Teams ist, bessere Produkte anzubieten.
Das obige ist der detaillierte Inhalt vonWas sind die neuen Funktionen von Webpack3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen





Verstehen Sie die Hauptfunktionen von SpringMVC: Um diese wichtigen Konzepte zu beherrschen, sind spezifische Codebeispiele erforderlich. SpringMVC ist ein Java-basiertes Framework für die Entwicklung von Webanwendungen, das Entwicklern beim Aufbau flexibler und skalierbarer Strukturen durch das Architekturmuster Model-View-Controller (MVC) hilft. Internetanwendung. Wenn wir die wichtigsten Funktionen von SpringMVC verstehen und beherrschen, können wir unsere Webanwendungen effizienter entwickeln und verwalten. In diesem Artikel werden einige wichtige Konzepte von SpringMVC vorgestellt

Webstandards sind eine Reihe von Spezifikationen und Richtlinien, die vom W3C und anderen verwandten Organisationen entwickelt wurden. Sie umfassen die Standardisierung von HTML, CSS, JavaScript, DOM, Web-Zugänglichkeit und Leistungsoptimierung , Wartbarkeit und Leistung. Das Ziel von Webstandards besteht darin, die konsistente Anzeige und Interaktion von Webinhalten auf verschiedenen Plattformen, Browsern und Geräten zu ermöglichen und so ein besseres Benutzererlebnis und eine bessere Entwicklungseffizienz zu gewährleisten.

Cockpit ist eine webbasierte grafische Oberfläche für Linux-Server. Es soll vor allem neuen/erfahrenen Benutzern die Verwaltung von Linux-Servern erleichtern. In diesem Artikel besprechen wir die Cockpit-Zugriffsmodi und wie Sie den Administratorzugriff von CockpitWebUI auf das Cockpit umstellen. Inhaltsthemen: Cockpit-Eingabemodi Ermitteln des aktuellen Cockpit-Zugriffsmodus Aktivieren des Verwaltungszugriffs für das Cockpit über CockpitWebUI Deaktivieren des Verwaltungszugriffs für das Cockpit über CockpitWebUI Fazit Cockpit-Eingabemodi Das Cockpit verfügt über zwei Zugriffsmodi: Eingeschränkter Zugriff: Dies ist die Standardeinstellung für den Cockpit-Zugriffsmodus. In diesem Zugriffsmodus können Sie vom Cockpit aus nicht auf den Webbenutzer zugreifen

Das Web ist ein globales Weitverkehrsnetz, auch World Wide Web genannt, eine Anwendungsform des Internets. Das Web ist ein auf Hypertext und Hypermedia basierendes Informationssystem, das es Benutzern ermöglicht, durch Hyperlinks zwischen verschiedenen Webseiten zu wechseln und Informationen abzurufen. Die Grundlage des Webs ist das Internet, das einheitliche und standardisierte Protokolle und Sprachen verwendet, um den Datenaustausch und Informationsaustausch zwischen verschiedenen Computern zu ermöglichen.

PHP gehört zum Backend in der Webentwicklung. PHP ist eine serverseitige Skriptsprache, die hauptsächlich zur Verarbeitung serverseitiger Logik und zur Generierung dynamischer Webinhalte verwendet wird. Im Vergleich zur Front-End-Technologie wird PHP eher für Back-End-Vorgänge wie die Interaktion mit Datenbanken, die Verarbeitung von Benutzeranfragen und die Generierung von Seiteninhalten verwendet. Anschließend wird anhand konkreter Codebeispiele die Anwendung von PHP in der Backend-Entwicklung veranschaulicht. Schauen wir uns zunächst ein einfaches PHP-Codebeispiel zum Herstellen einer Verbindung zu einer Datenbank und zum Abfragen von Daten an:

In Golang (Go-Sprache) gibt es kein Konzept einer Klasse im herkömmlichen Sinne, es stellt jedoch einen Datentyp namens Struktur bereit, durch den objektorientierte Funktionen ähnlich wie Klassen erreicht werden können. In diesem Artikel erklären wir, wie Strukturen zur Implementierung objektorientierter Funktionen verwendet werden, und stellen konkrete Codebeispiele bereit. Definition und Verwendung von Strukturen Werfen wir zunächst einen Blick auf die Definition und Verwendung von Strukturen. In Golang können Strukturen über das Schlüsselwort type definiert und dann bei Bedarf verwendet werden. Strukturen können Attribute enthalten

Mit der rasanten Entwicklung des Internets werden Programmiersprachen ständig weiterentwickelt und aktualisiert. Unter ihnen hat die Go-Sprache als Open-Source-Programmiersprache in den letzten Jahren große Aufmerksamkeit erregt. Die Go-Sprache ist so konzipiert, dass sie einfach, effizient, sicher und leicht zu entwickeln und bereitzustellen ist. Es zeichnet sich durch hohe Parallelität, schnelle Kompilierung und Speichersicherheit aus und wird daher häufig in Bereichen wie Webentwicklung, Cloud Computing und Big Data eingesetzt. Derzeit sind jedoch verschiedene Versionen der Go-Sprache verfügbar. Bei der Auswahl einer geeigneten Go-Sprachversion müssen wir sowohl Anforderungen als auch Funktionen berücksichtigen. Kopf

In diesem Artikel werden wir die Möglichkeiten und Vorteile der Integration von ChatGPT in eine ReactJS-Anwendung untersuchen und Schritt-für-Schritt-Anleitungen dazu geben.
