关于webpack的压缩

Question

有关于角度的东西： 当代码在线时 您可以将其打包为js，以便减少HTTP请求的数量; 现在我将所有文件打包成一个包。 Js，但加载该网站需要20秒 我怎么处理它？ - 注意：包装技术使用webpack

Answer 1

完成 ng build -prod 之后，您可以使用uglifyjs压缩您的js文件。

• 全球安装：

  

npm install uglify-js -g

• 压缩您的js文件。 （并且选项将逐个压缩它们）

  

uglifyjs main.bundle.js -c toplevel，sequences = false -o   main.bundle.min.js

     

uglifyjs inline.bundle.js -c   toplevel，sequences = false -o inline.bundle.min.js

     

uglifyjs   polyfills.bundle.js -c toplevel，sequences = false -o   polyfills.bundle.min.js

     

uglifyjs vendor.bundle.js -c   toplevel，sequences = false -o vendor.bundle.min.js

     

uglifyjs   styles.bundle.js -c toplevel，sequences = false -o styles.bundle.min.js

• 更改index.html以引用.min.js

**注意：我会建议您创建一个npm脚本，以便在尝试后自动执行此操作。要做的就是更改你的package.json：

"scripts": {
    ...
    "compress": "sh compress.sh"
  },

然后用 - ＆gt;运行它 npm run-script compress