前端工程化
文章平均质量分 89
guxin_duyin
这个作者很懒,什么都没留下…
展开
-
万字长文详解webpack知识图谱
webpack 详细配置 Loader Plugin externals splitChunks alias原创 2023-03-05 19:35:37 · 580 阅读 · 0 评论 -
基于craco配置的react项目的webpack构建优化
craco webpack 构建速度 构建体积 thread-loader cache-loader hard-source-webpack-plugin 持久化缓存 inxlude SplitChunks gzip原创 2022-10-10 22:59:19 · 4402 阅读 · 6 评论 -
如何封装自己的工具函数库并发布npm包
工具函数库 发布npm包 typescript rollup npm login原创 2022-10-03 23:20:35 · 3535 阅读 · 1 评论 -
万字长文详解react项目使用craco进行配置并集成Prettier、Eslint、husky、lint-staged
craco Prettier Eslint husky lint-staged原创 2022-09-26 21:44:14 · 7147 阅读 · 0 评论 -
谈谈webpack构建流程
webpack构建流程转载 2022-08-03 22:20:31 · 827 阅读 · 0 评论 -
Vite介绍及实现原理
Vite ESM esbuild转载 2022-07-28 21:53:04 · 1531 阅读 · 0 评论 -
Webpack VS Rollup
webpack Rollup原创 2022-07-27 22:39:38 · 780 阅读 · 0 评论 -
动画演示五分钟搞清 Webpack 与 Rollup 的生成代码!
webpack rollup转载 2022-07-25 21:07:42 · 168 阅读 · 0 评论 -
浅谈前端模块化
模块化是指将 一个复杂的系统分解为多个模块以方便编码。很久以前,开发网页要通过命名空间的方式来组织代码,例如 jQuery 库将它的 API在了 window .$下,在加载完 jQue町后,其他模块再通过 window ♀去使用 jQuery 。这样做有很多问题,其中包括:• 命名空间冲突,两个库可能会使用同一个名称,例如 Zepto ( http: // zeptojs.com )...原创 2019-04-10 14:46:41 · 183 阅读 · 0 评论 -
Webpack打包优化常见的几种方案
webpack转载 2022-07-02 17:25:57 · 9330 阅读 · 0 评论 -
This is probably not a problem with npm!报错的解决方案
背景:最近换工作了,刚入职,申请好了GitLab权限,下好了公司的项目,一切按照vue-cli3的节奏走。npm install没毛病,npm run dev的时候却报错了。探索:遇事不决问百度,于是搜索了相关问题。弹出了十几个解决办法,尝试了下,发下并没有什么卵用。附几个百度到的解决方案:解决方案一解决方案二解决方案三解决:后来在Readerme.md文件中发现了这么一句话:dev开发配置本地hosts,目的是和测服网关共用cookie127.0.0.1 oms...原创 2020-11-17 14:35:52 · 5005 阅读 · 1 评论 -
好记性不如烂笔头——Webpack篇
一、Entry定义:指示webpack应该使用哪个模块,来作为构建其内部依赖图的开始。(从入口开始,搜寻并递归解析出所有入口依赖的模块)1.1 单入口对于单入口文件,其值为string类型,打包形成一个chunk,输出一个bundle文件。module.exports = { entry: './src/index.js'}1.2 多入口输入为一个数组,但是入口文件最终只会形成一个chunk,输出出去只有一个bundle文件。module.exports = { .转载 2022-05-19 22:23:09 · 79 阅读 · 0 评论 -
Grunt、Gulp区别 webpack、 requirejs区别
虽然gulp已经出来很久了,但是一直没有去使用过。得益于最近项目需要,就尝试了一下,以下从几个要点讲一下grunt和gulp使用的区别,侧重讲一下在使用gulp过程中发现的问题。而两种工具孰优孰劣由读者自己判断。1. 书写方式grunt运用配置的思想来写打包脚本,一切皆配置,所以会出现比较多的配置项,诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段,导致认知成本...转载 2019-03-24 17:08:28 · 128 阅读 · 0 评论 -
webpack优化
webpack优化 tree-shaking scope-hoisting noParse IgnorePlguin DllPlugin转载 2022-07-24 22:47:55 · 173 阅读 · 0 评论 -
什么是前端工程化?
前端工程化 前后端分离 webpack Babel 预编译 模块化开发 组件化开发 Mock 规范约束转载 2022-07-20 20:20:22 · 96 阅读 · 0 评论 -
一文彻底解决新手对webpack的恐惧!
webpack转载 2022-07-17 11:51:46 · 511 阅读 · 0 评论