드디어 왔어요 그리고 아름답습니다

webpack 3 : 공식 출시 !!

스코프 호이 스팅, "매직 코멘트"등!

webpack v2를 출시 한 후 커뮤니티에 약속을했습니다. 우리는 귀하가 투표 한 기능을 제공하겠다고 약속했습니다. 또한 더 빠르고 안정적인 릴리스 주기로 제공하기로 약속했습니다.

더 이상 1 년 내내 베타 버전이 필요하지 않으며 출시 후보 간 주요 변경 사항이 없습니다. 우리는 웹팩을 번창하게 만드는 커뮤니티 인 당신이 바로 당신을하겠다고 약속했습니다.

웹팩 팀은 오늘 우리가 웹팩 3.0.0을 출시했다고 발표하게 된 것을 자랑스럽게 생각합니다 !!! 오늘 다운로드하거나 업그레이드 할 수 있습니다 !!

npm install webpack@3.0.0 --save-dev

또는

원사 추가 webpack@3.0.0 --dev

웹팩 2에서 3으로 마이그레이션하는 경우 터미널에서 업그레이드 명령을 실행하는 것 외에는 아무 노력도해서는 안됩니다. 일부 플러그인에 영향을 줄 수있는 내부 주요 변경 사항으로 인해이를 주요 변경 사항으로 표시했습니다.

지금까지 사용자의 98 %가 최신 기능을 사용하지 않고 업그레이드하는 것을 보았습니다 !!!

새로운 소식

언급 한 바와 같이, 우리는 귀하가 투표 한 기능을 제공하는 것을 목표로했습니다! 압도적 인 GitHub 공헌, 후원자와 후원자의 지원 덕분에 우리는 각각을 칠 수있었습니다.

Ho 스코프 게양

Scope Hoisting은 webpack 3의 주력 기능입니다. 번들로 묶을 때 webpack의 단점 중 하나는 번들의 각 모듈이 개별 함수 클로저로 래핑되는 것입니다. 이러한 랩퍼 기능으로 인해 JavaScript가 브라우저에서 실행되는 속도가 느려졌습니다. 이에 비해 Closure Compiler 및 RollupJS '호이스트'와 같은 툴은 모든 모듈의 범위를 하나의 클로저로 연결하고 브라우저에서 코드 실행 시간을 단축시킵니다.

오늘 현재 webpack 3을 사용하면 다음 플러그인을 구성에 추가하여 범위 게양을 활성화 할 수 있습니다.

module.exports = {
  플러그인 : [
    새로운 webpack.optimize.ModuleConcatenationPlugin ()
  ]
};

Scope Hoisting은 특히 ECMAScript Module 구문으로 가능한 기능입니다. 이 웹팩으로 인해 사용중인 모듈 종류 및 기타 조건에 따라 정상적인 번들링으로 대체 될 수 있습니다.

이러한 폴백을 유발하는 원인에 대한 정보를 제공하기 위해 폴 백의 원인을 알려주는 --display-optimization-bailout cli 플래그를 추가했습니다.

스코프 호이 스팅은 모듈 주변의 함수 래퍼를 제거하므로 약간의 크기 개선이있을 수 있습니다. 그러나 브라우저에서 JavaScript가 얼마나 빨리로드되는지 크게 개선 될 것입니다. 비교 전후에 멋진 것이 있다면 공유 할 수있는 영광으로 일부 데이터에 자유롭게 응답하십시오!

”매직 코멘트”

webpack 2에서 동적 가져 오기 구문 (import ())을 사용할 수있는 기능을 도입했을 때, 사용자는 require.ensure로 할 수있는 것처럼 명명 된 청크를 만들 수 없다는 우려를 표명했습니다.

우리는 이제 커뮤니티가“마법의 의견”, 청크 이름을 전달하는 기능 등을 import () 문에 대한 인라인 주석으로 만들었습니다.

이러한 기능은 v2.4 및 v2.6에서 출시 된 기술적 인 기능이지만 v3에 포함 된 이러한 기능의 버그를 해결하고 수정하기 위해 노력했습니다. 이제 동적 가져 오기 구문이 require.ensure와 동일한 유연성을 갖습니다.

자세한 내용은 이러한 기능을 강조하는 코드 분할에 대한 최신 설명서 안내서를 참조하십시오 !!!

다음은?

우리는 우리가 당신에게 가져 오기를 희망하는 꽤 많은 기능과 개선 사항을 가지고 있습니다! 그러나 그것들을 제어하기 위해 우리는 하나를 작동시키고, 투표 페이지에서 멈추고, 당신이보고 싶은 기능을 찬성해야합니다!

다음은 우리가 당신을 계속 가져 오기를 희망하는 것들입니다.

  • 더 나은 빌드 캐싱
  • 빠른 초기 및 증분 빌드
  • 더 나은 TypeScript 경험
  • 장기 캐싱 개선
  • WASM 모듈 지원
  • 사용자 경험 향상

감사합니다

당사의 모든 사용자, 기고자, 문서 작성자, 블로거, 후원자, 후원자 및 유지 관리자는 앞으로 몇 년 동안 웹팩의 성공을 보장하는 데 주주입니다.

이를 위해 모두 감사합니다. 당신 없이는 불가능하며 미래를 위해 매장에있는 것을 공유하기 위해 기다릴 수 없습니다 !!

기여할 시간이 없습니까? 다른 방법으로 돌려주고 싶습니까? 열린 단체에 기부하여 웹팩 후원자 또는 후원자가 되십시오. Open Collective는 핵심 팀을 지원할뿐만 아니라 자유 시간에 조직을 개선하는 데 상당한 시간을 보낸 기여자를 지원합니다! ❤