4

只是想确保我为生产设置了正确的 preact js。

在我使用 preact 的 webpack 设置中，并运行 npm run build 我注意到使用 Bundle Analyzer Plugin 的 preact js 文件的路径是

/node_modules/preact/dist/preact.js并不是

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

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

webpack中的入口脚本

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

Npm 运行构建脚本

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

在此处输入图像描述

4

1 回答 1

4

mainpreact的默认值是dist/preact.js-preact.min.js对于那些想要在不应用自己的缩小时利用缩小的人（例如，人们从 CDN 热链接它），并测量真实世界的输出大小。

您已经通过webpack使用-p标志运行将 UglifyJS 应用到您的包，因此您不必太担心尝试使用dist/preact.min.js. 它可以节省几个字节，但没什么大不了的。您使用的文件 ( dist/preact.js) 实际上已经由 Preact 通过 UglifyJS 运行，它只是没有被压缩但没有被破坏（所以变量名保持不变）。

于 2017-01-23T20:32:09.287 回答