用于生产的 Preact 和 Webpack

Question

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

在我使用 preact 和运行 npm 运行构建的 webpack 设置中，我注意到 Bundle Analyzer 插件的 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"

Answer 1

preact 的默认 main 是 dist/preact.js - preact.min.js 适用于那些想在不应用自己的情况下利用缩小的人（人们将其从 CDN 盗链，例如），并测量 real-world 输出大小。

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

用于生产的 Preact 和 Webpack

Preact and Webpack for Production

reactjs

webpack

preact