webpack
爱思考的猪
这个作者很懒,什么都没留下…
展开
-
webpack自定义loader
根目录下新建replace-hello-loader文件夹执行yarn init -y初始化项目,新建index.js文件作为loader的入口文件。下面的loader实现了将js源码中的 ‘hello’ 替换为 “你好”webpack.config.js中添加配置。将loader安装到本地。原创 2022-11-14 19:06:33 · 199 阅读 · 0 评论 -
Vite在速度上是如何胜过webpack的?
vite作为下一代前端开发与构建工具在速度上是如何胜过webpack的原创 2022-03-17 22:50:29 · 655 阅读 · 0 评论 -
react项目首屏优化方案 从10s到2s的极致提升
react项目首屏优化方案一.压缩请求资源的体积后端使用gzip对请求的静态资源进行压缩 (这个能使代码体积缩减30%左右)二.webpack打包优化使用ugilfy-plugin对代码进行压缩 混合并且去除注释和console.log() (这个能将代码体积缩减10%左右)使用MiniCssExtractPlugin单独打包css (react-cli构建的项目css是被打包到js的) 因为css和js能同时加载CommonsChunkPlugin:提取通用模块文件使用compressi原创 2020-08-30 22:52:16 · 2010 阅读 · 0 评论