reactjs - 用于生产的 Preact 和 Webpack

只是想确保我正在为生产设置正确的 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，但只是觉得奇怪的是没有选择缩小的包？

webpack 中的入口脚本

  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 盗链)，并测量实际输出的大小。

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

关于reactjs - 用于生产的 Preact 和 Webpack，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41814457/