생산을위한 프리 액트 (Preact and Webpack)

Question

생산을위한 올바른 프리 알 js를 설정하려고 노력하고 있습니다. 내가 번들 분석기 플러그인으로 preact JS 파일의 경로를 알 내 preact와 웹팩 설정 및 실행 NPM 실행 빌드에서

는

/node_modules/preact/dist/preact.js 내가 추하게 및 작게하다 JS하지

/node_modules/preact/dist/preact.min.js 

입니다 뿐만 아니라 설정했지만, 그 축소 된 패키지가 픽업되지 않은 것이 궁금한가요? preact.min.js을 활용하려는 사람들이있다 - 웹팩 내

항목 스크립트

entry: { app: './src/index.js', vendor: [ 'preact', 'preact-router' ] }, 

NPM 실행 빌드 스크립트

"build": "cross-env NODE_ENV=production webpack --progress -p --display-modules --display-chunks" 

Answer 1

preact의 기본 main은 dist/preact.js입니다 그들 자신을 적용하지 않을 때의 minification (CDN에서 hotlinking하는 사람들, for 예) 실제 출력 크기를 측정 할 수 있습니다.

당신은 이미 -p 플래그 webpack을 실행하여 번들 UglifyJS을 적용하고, 그래서 당신은 dist/preact.min.js를 사용하려고 시도에 대해 너무 걱정할 필요가 없습니다. 그것은 몇 바이트를 절약 할 수 있지만 중요한 것은 없습니다. 사용중인 파일 (dist/preact.js)은 Preact가 UglifyJS를 통해 실제로 실행했지만 압축되지는 않았지만 맹 글링되지 않았습니다 (따라서 변수 이름은 그대로 유지됩니다).