首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
立刻有
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
【前端架构必备】手摸手带你搭建一个属于自己的脚手架
大家都用过类似vue-cli的脚手架,cli中的炫酷交互、多样提示、项目创建让小包感到很神奇,我不由会疑惑,脚手架难吗? 不难,不止不难,还非常有意思,通过阅读小包的这篇文章,带你轻松搭建脚手架。
更骚的create-react-app开发环境配置craco
背景使用CRA脚手架创建的项目,如果想要修改编译配置,通常可能会选择npmruneject弹出配置后魔改。但是,eject是不可逆操作,弹出配置后,你将无法跟随官方的脚步去升级项目的react-scr
使用webpack和rollup打包React组件
之前做了一个loading的样式组件,为了实现代码的可重用性,将这个小项目打包并且发布在了npm上。在一次次的打包发包过程中经历了一个有一个报错,@buzuosheng/loading这个组件已经到了2.7.0版本,虽然还有一些要调整的地方,但总算是可以用了。 webpack算…
由浅及深实现一个自定义loader
在之前的文章中,我们已经实现了一个实现一个简易的模块打包器,但是在文章的最后,我们也提到过我们的打包器功能并不完善,比如我们目前不支持内置模块的引入,不支持ES6语法的转换和不支持css文件的打包等。但是这些功能都可以通过webpack提供的loader和plugin等进行处理…
「一劳永逸」由浅入深配置webpack4
webpack在前端化过程中十分重要,所以花了一段时间学习webpack,以及webpack4新特性,本文是按照从易到难的过程,梳理部分webpack概念,常见的loader,plugins,webpack4新特新,还有部分高级概念。 Output: 如何命名输出文件,以及输出…
webpack 4: 代码拆分、代码块关系图及优化插件splitChunks
webpack4 对 chunk graph(代码块关系网格) 进行了一些重大改进并用新的优化策略实现了 chunk spliting(对CommonsChunkPlugin的一种改进)。 我们看下老 chunk graph 的一些缺点。 在老的 chunk graph 中,c…
面试官: 实现双向绑定Proxy比defineproperty优劣如何?
双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…
关于webpack4的14个知识点,童叟无欺
没有什么比时间更具有说服力了,因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使…