首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
richard丶
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
webpack 5高级配置优化
前言 越来越多的项目使用webpack5来构建项目了,今天给大家带来最前沿的webpack5配置,让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化: 提升打包构建速度 减少代码体积 优化
深入理解 Webpack 打包分块(下)
随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的:在开发时难道一行代码的修改也要重…
一步步从零开始用 webpack 搭建一个大型项目
想要学好 webpack,我们首先要了解 webpack 的机制,我们先从js加载css开始学习。 bundle 是一个立即执行函数,可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置,还要对它的原理一起了解,只有学到框架的精髓,我们才能应对如…
Webpack 4 构建大型项目实践 / 优化
上一节我们解决了工程的开发调试问题,项目的生产和开发环境也已配置完成,还约定了 Webpack 配置文件规范。但它还很粗糙,这一节我们就来一起打磨这套配置。 在之前的配置中我们使用使用 MiniCssExtractPlugin.loader 来代替 style-loader ,…
一文速览Webpack
1. 核心概念 模块,在Webpack里一切皆模块,一个模块对应一个文件。Webpack会从配置的entry开始递归找出所有依赖的模块; 总结: Webpack在启动后会从Entry里配置的Module开始,递归解析Entry依赖的所有Module。每找到一个Module,就会…
关于webpack4的14个知识点,童叟无欺
没有什么比时间更具有说服力了,因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使…