首页 > 其他 > 详细

前端打包压缩对比

时间:2017-06-10 12:11:21      阅读:655      评论:0      收藏:0      [点我收藏+]

使用ES6 和 React写得前端,使用babel转化成ES5,然后压缩打包。

某一版本下的打包压缩对比

const BabiliPlugin = require(‘babili-webpack-plugin‘);
const UglifyJSPlugin = require(‘uglifyjs-webpack-plugin‘);


new BabiliPlugin(),
new webpack.DefinePlugin({"process.env.NODE_ENV":JSON.stringify("production")}),
new UglifyJSPlugin(),

 

Babili: 1.04M,Babli + DefinePlugin:994KB;

Uglify: 1.03M,Uglify+ DefinePlugin:981KB;

从Babili到Uglify+ DefinePlugin能减少60K左右,虽然据说如果直接打包压缩ES6用Babili更好,

但是,目前为了支持大多数环境,还是转化成ES5好一点,然后在ES5下用Uglify好一些。

前端打包压缩对比

原文:http://www.cnblogs.com/tanshuai1001/p/6977967.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!