分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

webpack 效率及性能提升

发布时间:2023-09-06 01:43责任编辑:蔡小小关键词:webpack

1.//比UglifyJsPlugin压缩给力1倍的压缩工具

var ParallelUglifyPlugin = require(‘webpack-parallel-uglify-plugin‘) ??new ParallelUglifyPlugin({ ?????cacheDir: ‘.cache/‘, ?????uglifyJS: { ???????output: { ?????????comments: false ???????}, ???????compress: { ?????????warnings: false ???????} ?????} ???}),

2.  

/*
*myhappy的加速度并不显著,可能需要电脑配置.但是命中cache后速度会翻倍.
*主要的时间消耗是在js的转换上,就是babel-loader js,大概要23秒.
*压缩时间大概是10秒.

*https://github.com/amireh/happypack

*http://taobaofed.org/blog/2016/12/08/happypack-source-code-analysis/
*/

var myHappyPack = new HappyPack({ ?loaders: [{ ???// id: ‘js‘, ???loader: ‘babel-loader‘, ???threadPool: happyThreadPool, ???options: { ?????cacheDirectory: true, ???} ?}]})

然后加入到plugins:[]里

3.推荐的tool,效率与实用平衡考虑

//http://www.cnblogs.com/imwtr/p/7801973.html

devtool: isdev ? "cheap-module-eval-source-map" : "cheap-source-map",

4.如果用到将公用js 合并 至 CommonsChunkPlugin ,则开发环境的vendor引用应该放在最前面,否则会报webpackjsonp错误.

webpack 效率及性能提升

原文地址:https://www.cnblogs.com/ignacio/p/8468516.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved