最新 最热

Webpack提取页面公共资源

在做React开发时,经常需要引入react和react-dom基础库,这样在打包的时候速度就会比较慢,这种情况下我们可以将这些基础库忽略掉,将它们通过CDN的方式直接引入,而不打包到bundle文件里面去。...

2023-01-16
1

Webpack 中使用source map 在开发过程中进行调试

我们都知道webpack在打包的时候会将源代码打包成一个bundle文件,bundle文件就是经过了loader转换,还有webpack的一些插件处理,以及webpack构建过程中的一些转换,最后会生成一个大的JS文件,直接去看这个文件是没法调试的。...

2023-01-13
1

react打包优化【第三方库使用cdn】

对于 react、react-router、redux、axios和antd等等这些不经常改动的库、我们让webpack不对他们进行打包,通过cdn引入,可以减少代码的大小、也可以减少服务器的带宽,网站首次加载会更快。...

2023-01-11
1

react脚手架配置px自动转rem

配置方法一、加两个依赖1yarn add postcss-plugin-px2rem lib-flexible二、config/webpack.config.js 文件下152行加入代码1 [2 "postcss-plugin-px2rem",3 ......

2023-01-11
1

Webpack打包时将文件内联

在编写前端代码时,有些文件作为单独的文件引用会更便于维护,但是有些文件却必须要内联。

2023-01-09
1

为你的Vue2.x老项目安装Vite发动机吧!

天下苦webpack久矣,相信作为前端开发者一定经历过在项目迭代时间较长的时候经历漫长等待的这一过程,每一次保存都会浪费掉大量时间,这是webpack这种机制所带来的问题。...

2023-01-07
1

前端经典面试题(有答案)4

解析: 因为constructor是prototype上的属性,所以dog.constructor实际上就是指向Dog.prototype.constructor;constructor属性指向构造函数。instanceof而实际检测的是类型是否在实例的原型链上。...

2023-01-06
1

如果才能做好准备好前端面试

this 是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。

2023-01-06
1

Webpack自动清理打包目录

Webpack在打包的时候,会在指定输出文件夹下面生成打包文件,但是上次打包的文件不会自动清理掉,每次手动删除会比较麻烦,为此,我们需要有一个自动清理的功能。常见的自动清理方式有以下两种:...

2023-01-06
1

Webpack中压缩代码文件

在开发完成后,代码正式上线都需要对代码进行压缩,这样代码资源会变的更小,访问速度也会变的更快。

2023-01-05
1