编剧与Webpack的制作

Question

我只是想确定我的预演是正确的。

在我用preact安装的webpack中，并运行，我注意到在Bundle Analyzer插件中，preact js文件的路径是

/node_modules/preact/dist/preact.js和not

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

我也设置了丑化和小型化的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"

​

​

Answer 1

preact的默认main是dist/preact.js - preact.min.js，适用于那些想要在不应用自己的产品时利用小型化的人(例如，人们将其从CDN上链接起来)，并测量真实世界的输出大小。

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