首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Webpack系列
红尘炼心
创建于2021-05-10
订阅专栏
Webpack系列应用,做个Webpack配置工程师。
等 34 人订阅
共5篇文章
创建于2021-05-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
『Webpack系列』—— MiniCssExtractPlugin插件用法详解
用某度翻译后:“该插件将CSS提取到单独的文件中。它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMap的按需加载。” 搭建个简单的Wenpack Demo,演示一下。 先安装MiniCssExtractPlugin插件。 安装成功后,在webpack…
『Webpack系列』—— loader配置详解
从语法角度看,loader是一个普通的Node.js模块,只是必须以函数格式导出来供使用。如果有必要可以使用一切Node.js功能模块。 从功能角度看,loader是在Webpack中作用于指定格式的资源文件并将其按照一定格式转换输出。例如:less-loader将less文件…
『Webpack系列』—— SplitChunks插件用法详解
SplitChunks插件是什么呢,简单的来说就是Webpack中一个提取或分离代码的插件,主要作用是提取公共代码,防止代码被重复打包,拆分过大的js文件,合并零散的js文件。 提到前端优化,提取公共代码是必不可少的手段。在Webpack出现前,提取公共代码是人为去处理,而Sp…
『Webpack系列』—— externals用法详解
如果小伙伴有做过首屏加载时间优化,应该会遇到chunk-vendors.js这个文件,巨大无比,加载时间超长,是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示,先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…
『Webpack系列』—— 路由懒加载的原理
说起路由懒加载,大家很快就知道怎么实现它,但是问到路由懒加载的原理,怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载,最常用的是通过import()来实现它。 然后通过Webpack编译打包后,会把每个路由组件的代码分割…