ホームページ  >  記事  >  ウェブフロントエンド  >  IE8 と互換性のある webpack3 コンパイルの詳細な解釈 (詳細なチュートリアル)

IE8 と互換性のある webpack3 コンパイルの詳細な解釈 (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-19 14:21:562372ブラウズ

この記事では主にIE8と互換性のあるwebpack3をコンパイルする正しい方法を詳しく紹介しますので、参考にしてください。

前の記事のメソッドをwebpackで更新した後、uglifyキャッシュアドレスも変更されたため、アドレスを再検索する必要があります。

その後のテストにより、uglify-js2 と uglify-js3 の両方が IE8 互換の処理をサポートしていることがわかりました。

しかし、設定パラメータを webpack.optimize.UglifyJsPlugin に追加しても効果はありません。 (Webpack のせいです)

Webpack のキャッシュ パスを毎回手動で見つけてハイジャックすることはできません。それはクレイジーです。

UglifyjsWebpackPlugin

重要な点は依然として UglifyjsWebpackPlugin プラグインにありますが、これは組み込みの webpack.optimize.UglifyJsPlugin プラグインではありません。

$ npm i -D uglifyjs-webpack-plugin

このプラグインを別途インストールして使用してください。

rreee

自然に戻った気分ですか?

追記: webpack 2 と 3 のバージョンがサポートされています。

概要

この発見は、uglify-js3 が ie8 互換処理もサポートしていることを発見した同僚によって行われました。

その後、数回再テストし、webpack 公式 Web サイトのプラグインをチェックして実現可能性を検証しました。

そうでないと、これまでの面倒な方法を使い続ける可能性があります。

上記は私があなたのためにまとめたものです。

関連記事:

jsを使って再代入を実装する方法

nodejsを使ってmongodbのfill、delete、modify、checkモジュールを操作する方法

JSで認証コードのカウントダウンを実装する方法

やり方チャットルーム

AngularJSでドラッグアンドドロップ機能を実装する方法

jsでモバイルフィンガースライディングカルーセルを実装する方法

JSを使用してシームレスなテキストスクロールを実装する方法

ノードレイヤーの使用方法マルチパートフォームファイルのアップロードを実装する

Reactを使用してポータルの再利用可能なコンポーネントをカプセル化する方法

ノードの中間サービスレイヤーにリクエストを送信する方法(詳細なチュートリアル)

以上がIE8 と互換性のある webpack3 コンパイルの詳細な解釈 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。