首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
关于webpack
荷包蛋卷
创建于2021-11-06
订阅专栏
掌握webpack的核心概念和开发必备技巧,以工程化的方式组织 webpack 的构建配置并掌握优化策略,通过实战巩固所掌握的知识 ,剖析内部运行原理并编写自定义 Loader 和插件。
等 14 人订阅
共9篇文章
创建于2021-11-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
webpack 完全指南:多页面应用打包方案(MPA)
多页面应用程序,顾名思义是存在多个入口,每个业务都有自己的页面。每一次页面跳转的时候,server 会拉取一个新的 HTML 文档返回给客户端,页面重新加载此新文档,并且资源被重新下载。
webpack 完全指南:Autoprefixer
因为现在市面上的浏览器类型众多,作为一名前端开发者就需要面对很多兼容性的问题,有些问题我们可以在构建阶段就对其处理,比如 CSS3 的前缀问题。
webpack 完全指南:代码压缩
前端构建编译代码时,压缩代码也是很重要的,压缩后的代码体积减小,传输速度快,从而提升网页加速速度和减少网络传输流量。除此之外,还具有混淆源码的作用,增加了他人对代码分析和改造的难度。
webpack 完全指南:文件指纹策略
在发布版本时,通过文件指纹来区分 修改的文件 和 未修改的文件。未修改的文件的文件指纹保持不变,浏览器继续使用缓存访问。
webpack 完全指南:文件监听和热更新
每次在对项目进行修改后,都要手动跑 webpack 打包命令,是不是很烦?Webpack 就不能帮我们监听文件的变化,然后在文件发生修改时自动编译打包吗?当然可以!
webpack 完全指南:文件解析
众所周知,原生的 webpack 仅支持 JS 和 JSON 两种文件类型,想要使用其他类型的资源就要借助各种 Loader 或资源模块(asset module)。
webpack 完全指南:核心概念
必会的几个核心概念: entry(入口)、output(输出)、loader、plugin(插件)、mode(模式)。
webpack 完全指南:极简入门
真小白入门,从环境搭建、到webpack的安装、再到webpack的配置文件,最后跑一个简单的打包例子👍
webpack 完全指南:前言
借助 webpack 这样的构建工具,让我们可以快速“食用”那些优秀成熟的组件,从而提高前端开发效率。