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 호환성 처리도 지원한다는 사실을 발견한 동료에 의해 이루어졌습니다.

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

그렇지 않으면 이전의 번거로운 방법을 계속 사용할 수도 있습니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

js를 사용하여 재할당을 구현하는 방법

nodejs를 사용하여 mongodb의 채우기, 삭제, 수정 및 확인 모듈을 작동하는 방법

JS에서 인증 코드 카운트다운을 구현하는 방법

방법 Socket.io를 사용하여 구현하기 채팅방

AngularJS에서 드래그 앤 드롭 기능을 구현하는 방법

js에서 모바일 손가락 슬라이딩 캐러셀을 구현하는 방법

JS를 사용하여 원활한 텍스트 스크롤을 구현하는 방법

노드 레이어를 사용하는 방법 다중 부분 양식 파일 업로드 구현

React를 사용하여 포털 재사용 가능한 구성 요소를 캡슐화하는 방법

노드의 중간 서비스 레이어에 요청을 보내는 방법(자세한 튜토리얼)

위 내용은 IE8과 호환되는 webpack3 컴파일의 자세한 해석(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!