IE8 인스턴스 분석과 호환되는 Webpack3 컴파일

이 글은 주로 webpack3을 IE8과 호환되도록 컴파일하기 위한 올바른 자세를 자세하게 소개하고 있습니다. 편집자는 꽤 좋다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

이전 글의 메소드를 webpack으로 업데이트한 후 uglify 캐시 주소도 변경되어 주소를 다시 찾아야 합니다.

나중에 테스트한 결과 uglify-js2와 uglify-js3 모두 IE8 호환 처리를 지원하는 것으로 나타났습니다.

그러나 webpack.optimize.UglifyJsPlugin에 구성 매개변수를 추가해도 아무런 효과가 없습니다. (Webpack의 잘못)

매번 Webpack 캐시 경로를 수동으로 찾아 하이재킹할 수는 없습니다.

UglifyjsWebpackPlugin

핵심은 여전히 ​​UglifyjsWebpackPlugin 플러그인에 있지만 내장된 webpack.optimize.UglifyJsPlugin 플러그인은 아닙니다.

$ npm i -D uglifyjs-webpack-plugin

이 플러그인을 따로 설치해서 사용하시면 됩니다.

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

자연으로 돌아간 것 같은 느낌이 드시나요?

ps: webpack 2 및 3 버전이 지원됩니다.

요약

이 발견은 uglify-js3이 ie8 호환성 처리도 지원한다는 사실을 발견한 동료에 의해 이루어졌습니다.

그런 다음 몇 번 다시 테스트를 했고, 웹팩 공식 홈페이지 플러그인을 통해 타당성을 확인했습니다.

관련 권장 사항:

ie8 호환성에 관한 권장 기사 10개

javascript에서 ie8과 호환되지 않는 체크박스/라디오 onchange를 처리하는 방법

bootstrap3은 IE8 브라우저와 호환됩니다! _자바스크립트 기술

위 내용은 IE8 인스턴스 분석과 호환되는 Webpack3 컴파일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!