![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 83
小章鱼哥
这个作者很懒,什么都没留下…
展开
-
webpack学习--tree-shaking剔除无用代码
tree-shaking,了解一下? 1. 例子 在webpack,在pro模式下,UglifyJSPlugin插件可以为我们适当的压缩代码。 具体是怎么压缩的呢? 配置UglifyJSPlugin。 const path = require('path'); + const UglifyJSPlugin = require('uglifyjs-webpack-plugin');...原创 2018-03-26 15:31:40 · 5023 阅读 · 0 评论 -
webpack4生猛升级
今天把项目升级了webpack4.0。 超级值得的一次升级! 不敢相信自己的眼睛啊。 dev模式下打包一共用了2s了解一下。(webpack3我dll+happypack齐上阵都要10多s啊) 打包速度比之前提升了6,7倍呀。 配置区别 1. splitChunks替代CommonsChunkPlugin // 旧 new webpack.optimize.CommonsCh...原创 2018-08-09 23:40:32 · 1482 阅读 · 0 评论 -
webpack3终极配置及其优化(react)
本文主要研究webpack3版本的react项目配置。 webpack的原理 webpack几大概念 webpack执行流程 webpack如何解析文件与文件之间的联系? 为什么要使用loader? 为什么要使用plugin? webpack的基础搭建 基本配置 Scope Hoisting webpack针对react-route的按需加载 环境配置 loaders scss...原创 2018-08-08 23:58:51 · 2391 阅读 · 7 评论