首页 > 代码库 > 前端打包压缩对比
前端打包压缩对比
使用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好一些。
前端打包压缩对比
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。