Reactjs 预演及制作网页

只是想确保我的preact js设置正确，适合生产

在我的带有preact的网页包设置和运行npm run build中，我注意到带有Bundle Analyzer插件的preact js文件的路径是

/node\u modules/preact/dist/preact.js

而非

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

我也设置了uglify和minify js，但我只是觉得很奇怪，缩小的包没有被拾取

网页包内的输入脚本

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

Npm运行构建脚本

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

---

preact的默认

main

是

dist/preact.js

-

preact.min.js

适用于那些不应用自己的缩小功能（例如，人们将其与CDN热链接）并测量真实世界输出大小的人

您已经通过运行带有

-p

标志的

webpack

将UglifyJS应用到您的包中，因此您不必太担心尝试使用

dist/preact.min.js

。它可以节省几个字节，但没有什么大的。您正在使用的文件（

dist/preact.js

）实际上已经由preact通过UglifyJS运行，它只是没有被压缩，但没有损坏（因此变量名保持不变）