Detaillierte Interpretation der mit IE8 kompatiblen Webpack3-Kompilierung (ausführliches Tutorial)

In diesem Artikel wird hauptsächlich die korrekte Haltung beim Kompilieren von Webpack3, das mit IE8 kompatibel ist, im Detail vorgestellt. Jetzt teile ich es mit Ihnen und gebe es als Referenz.

Für die Methode im vorherigen Artikel hat sich nach dem Webpack-Update auch die Uglify-Cache-Adresse geändert und die Adresse muss erneut gefunden werden.

Spätere Tests ergaben, dass sowohl uglify-js2 als auch uglify-js3 IE8-kompatible Verarbeitung unterstützen.

Aber das Hinzufügen von Konfigurationsparametern zu webpack.optimize.UglifyJsPlugin hat keine Auswirkung. (Webpacks Schuld)

Sie können den Webpack-Cache-Pfad nicht jedes Mal manuell finden, um ihn zu kapern, das wäre verrückt.

UglifyjsWebpackPlugin

Der entscheidende Punkt ist immer noch das UglifyjsWebpackPlugin-Plugin, aber es ist kein integriertes webpack.optimize.UglifyJsPlugin Plug-in.

$ npm i -D uglifyjs-webpack-plugin

Sie können dieses Plug-in separat installieren und verwenden.

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
 entry: './app.js',
 output: {
  filename: 'bundle.js',
 },
 plugins: [
  new UglifyJsPlugin({
   uglifyOptions: {
    ie8: true,
   },
  }),
 ],
};

Haben Sie das Gefühl, zur Natur zurückgekehrt zu sein?

ps: Webpack 2 und 3 Versionen werden unterstützt.

Zusammenfassung

Diese Entdeckung wurde von einem Kollegen gemacht, der entdeckte, dass uglify-js3 auch die IE8-Kompatibilitätsverarbeitung unterstützt.

Dann habe ich es mehrmals erneut getestet und das Plug-in der offiziellen Webpack-Website überprüft, um die Machbarkeit zu überprüfen.

Ansonsten verwende ich möglicherweise weiterhin die umständliche Methode zuvor.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie js, um eine Neuzuweisung zu implementieren

So verwenden Sie nodejs, um Mongodbs Füllen, Löschen, Ändern und zu bedienen Modul prüfen

So implementieren Sie den Countdown für den Bestätigungscode in JS

So implementieren Sie einen Chatroom mit socket.io

in AngularJS So implementieren Sie die Drag-and-Drop-Funktion in

So implementieren Sie ein Fingergleitkarussell auf Mobilgeräten in js

So implementieren Sie nahtloses Scrollen von Text mit JS

So verwenden Sie die Node-Ebene, um das Hochladen mehrteiliger Formulardateien zu implementieren

So verwenden Sie React zum Kapseln Wiederverwendbare Portalkomponenten

So senden Sie Anfragen an die Zwischendienstschicht im Knoten (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation der mit IE8 kompatiblen Webpack3-Kompilierung (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!