Interprétation détaillée de la compilation webpack3 compatible avec IE8 (tutoriel détaillé)

Cet article présente principalement en détail la posture correcte pour compiler webpack3 pour être compatible avec IE8. Maintenant, je le partage avec vous et le donne comme référence.

Pour la méthode de l'article précédent, après la mise à jour du webpack, l'adresse du cache uglify a également changé et l'adresse doit être retrouvée.

Des tests ultérieurs ont révélé que uglify-js2 et uglify-js3 prennent en charge le traitement compatible avec IE8.

Mais l'ajout de paramètres de configuration à webpack.optimize.UglifyJsPlugin n'a aucun effet. (La faute du Webpack)

Vous ne pouvez pas trouver manuellement le chemin du cache du webpack pour le détourner à chaque fois, ce serait fou.

UglifyjsWebpackPlugin

Le point clé est toujours le plug-in UglifyjsWebpackPlugin, mais ce n'est pas un plug-in webpack.optimize.UglifyJsPlugin intégré.

$ npm i -D uglifyjs-webpack-plugin

Vous pouvez installer ce plug-in séparément et l'utiliser.

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

Vous avez l'impression d'être revenu à la nature ?

ps : les versions webpack 2 et 3 sont prises en charge.

Résumé

Cette découverte a été faite par un collègue qui a découvert que uglify-js3 prend également en charge le traitement de compatibilité ie8.

Ensuite, je l'ai re-testé plusieurs fois et vérifié le plug-in du site officiel du webpack pour vérifier la faisabilité.

Sinon, je pourrai continuer à utiliser la méthode fastidieuse d'avant.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment utiliser js pour implémenter la réaffectation

Comment utiliser nodejs pour faire fonctionner le remplissage, la suppression, la modification et la modification de mongodb check module

Comment implémenter le compte à rebours du code de vérification dans JS

Comment implémenter une salle de discussion à l'aide de socket.io

dans AngularJS Comment implémenter la fonction glisser-déposer dans

Comment implémenter un carrousel coulissant avec les doigts sur mobile dans js

Comment implémenter un défilement de texte transparent à l'aide de JS

Comment utiliser la couche Node pour implémenter le téléchargement de fichiers de formulaire en plusieurs parties

Comment utiliser React pour encapsuler Composants réutilisables du portail

Comment envoyer des requêtes à la couche de service intermédiaire dans le nœud (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!