#webpack

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块,生成一系列表示这些模块的静态资源。

webpack配置优化,让你的构建速度飞起

gogo2027

越来越多的项目使用webpack5来构建项目了,今天给大家带来最前沿的webpack5配置,让我们代码在编译/运行时性能更好~

300

webpack配置完全指南

gogo2027

首先webpack是一个静态模块打包器,所谓的静态模块,包括脚本、样式表和图片等等;webpack打包时首先遍历所有的静态资源,根据资源的引用,构建出一个依赖关...

800

webpack-ES6转ES5[通俗易懂]

全栈程序员站长

@webpack-ES6转ES5的babel-loader 安装babel-loader: npm install –save dev babel-load...

5620

vue项目性能优化-前端加分项

bb_xiaxia1998

在 vue 项目中除了可以在 webpack.base.conf.js 中 url-loader 中设置 limit 大小来对图片处理,对小于 limit 的图...

10420

构建优化指南

前端知知

目前webpack 已经有v5 的稳定版本了,官方经常会在版本中进行性能优化,而项目中是使用的是v4,因此首先考虑进行版本升级。首先升级 webpack、web...

6110

热更新(HMR)相关原理介绍

前端知知

在开发工程中,如果我们修改了其中一个模块,页面都是重新加载,那么之前填写的数据都清空了。测试整体流程又需要重新填写数据,过程比较繁琐。那能否实现某个模块更新而又...

6820

使用 craco 对 cra 项目进行构建优化

用户1476962

修改 CRA 项目的配置使用 create-react-app 创建的项目默认是无法修改其内部的 webpack 配置的,不像 vue-cli 那样可以通过一个...

8420

使用Babel将es6转换es5

全栈程序员站长

Babel是一个javascript编译器即一个工具链,主要用于在旧的浏览器或环境中将ECMAScript2015+代码转换为向后兼容版本的javascript...

5430

web前端学习/工作笔记(七)

kiki.

腾讯云 · 前端开发 (已认证)

117.webpack打包问题: Could not find a matching event to end plugins Object/Compiler...

6420

web前端学习/工作笔记(一)

kiki.

腾讯云 · 前端开发 (已认证)

记录一下2019年web前端学习工作的笔记,markdown语法格式的,有些渲染效果不是很好, 笔记内容包括:

5530

webpack打包原理分析和实现(三)

kiki.

腾讯云 · 前端开发 (已认证)

代码生成了,但是里面有require函数,exports浏览器是不认识的,因此接下来需要实现require和exports 具体步骤:

5630

webpack打包原理分析和实现(二)

kiki.

腾讯云 · 前端开发 (已认证)

上一篇,通过@babel/parser将index中的es6代码解析成ast(抽象语法树),接下来,我们可以根据Body里面的分析结果,遍历出所有的引入模块,但...

5330

webpack打包原理分析和实现(一)

kiki.

腾讯云 · 前端开发 (已认证)

打包后生成的代码,可以直接在浏览器的控制台运行,大致的意思就是,webpack实现了一个webpack_require来实现自己的模块化,把代码都缓存在inst...

3420

vue优化之骨架屏

kiki.

腾讯云 · 前端开发 (已认证)

如果一个web页面加载内容过多,刷新的时候会有空白页,造成不好的用户体验,但是如果加入骨架屏可以改善这一问题,骨架屏可理解为页面加载前的简单呈现版本,当页面加载...

5940

webpack3.0升级4.0

kiki.

腾讯云 · 前端开发 (已认证)

为了提升打包效率,在webpack3.11基础之上做了升级,webpack4.0发布以来,零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优...

4920

读书笔记之webpack实战

kiki.

腾讯云 · 前端开发 (已认证)

1.commonjs只会对require的代码执行一次 之后的require只会直接取其导出值 2.es6 Module动态映射,CommonJs是值拷贝,前...

5330

Webpack5结合mockjs

治电小白菜

webpack5之前使用的是devServer.before来配置mock服务, 到了webpack5则改为devServer.setupMiddlewares

6620

入门webpack的最佳实践(基于webpack4.X 5.X) - source-map

Jou

云智服 · 前端开发 (已认证)

来到这家公司之后,一直在使用webpack,也写了不少笔记,但是都比较零散,现在决定整理一下webpack相关的知识点,由浅入深,方便自己后续查漏补缺,后续会一...

6120

入门webpack的最佳实践(基于webpack4.X 5.X)-- 运行体验优化

Jou

云智服 · 前端开发 (已认证)

来到这家公司之后,一直在使用webpack,也写了不少笔记,但是都比较零散,现在决定整理一下webpack相关的知识点,由浅入深,方便自己后续查漏补缺,后续会一...

7330

入门webpack的最佳实践(基于webpack4.X 5.X)--打包速度优化

Jou

云智服 · 前端开发 (已认证)

来到这家公司之后,一直在使用webpack,也写了不少笔记,但是都比较零散,现在决定整理一下webpack相关的知识点,由浅入深,方便自己后续查漏补缺,后续会一...

6930

扫码关注腾讯云开发者

领取腾讯云代金券