首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端工程化
订阅
打包工具相关
Season
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
离线预渲染OPR:0成本接入 媲美SSR效果
从上图可以看到,白屏过程几乎是不可避免的,因为无论如何你去优化代码体积,Vue系列类库和你需要的其他核心类库文件加起来至少有几百K,在加上这些文件执行的时间(实测至少500ms),可能大多数情况,我们白屏时间至少1200ms-1500ms了。 当然,我们可以把骨架屏所需的css…
webpack入门之ts处理(ts-loadr和babel-loader的选择)
在webpack中,编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢?接下来我们一起来看看。
webpack 中实现自动识别 CSS Modules
其原理就是将 CSS 文件中的每个 className 按照一定的规则映射为另一个唯一的字符串,以保证 className 在全局作用域内不会重复和冲突。配置方法也很简单,只需要在 webpack 的 css-loader 中添加一个 modules 配置项即可,具体请参考 c…
TypeScript + Sass + Storybook + Rollup 开发 react 组件库
这篇文章是我对开发 react-notion-block 库的一个记录总结。这边文章里不会涉及到具体代码,而是关注构建 React 组件库的基本流程。
Eslint + Prettier + Husky + Commitlint+ Lint-staged 规范前端工程代码规范
记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged
【前端工程化基础 - Babel 篇】简单实现 babel-plugin-import 插件
前几个月写的一篇文章,还没在掘金发过。 平时在使用 antd、element 等组件库的时候,都会使用到一个 Babel 插件:babel-plugin-import,这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情,并且实现一个最小可用版本。 antd 和 ele…
ESbuild 介绍
ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。 不使用 AST,优化了构建流程。(也带来了一些缺点,后面会说) 与webpack不同的是,esbuild内置了一些文件处理的loader。 当esbuild解析到某后缀时,会自动使用该…