webpack打包构建
文章平均质量分 93
西西贝贝Xx
一枚阿里搬砖的前端打工人,个人技术栈Vue/React/Rax/Axios/TypeScript/Webpack/小程序,记录平时遇到的一些小问题,争取以后勤更~~~
展开
-
构建工具 Vite、Webpack、Rollup对比
webpack是一种新型前端构建工具,能够显著提升前端开发体验它主要由两部分组成:其作用类似webpack+ webpack-dev-server,其特点如下:vite会直接启动开发服务器,不需要进行打包操作,也就意味着不需要分析模块的依赖、不需要编译,因此启动速度非常快利用现代浏览器支持ES Module的特性,当浏览器请求某个模块的时候,再根据需要对模块的内容进行编译,这种方式大大缩短了编译时间 结论:rollup更适合打包库,webpack更适合打包项目应用,vite...............原创 2022-06-24 18:23:10 · 3851 阅读 · 0 评论 -
webpack:自定义plugin插件开发
plugin使用方式:通常我们会先通过npm安装到本地,然后在配置文件(webpack.config.js)的头部引入,在plugins那一栏使用new关键字生成插件的实例注入到webpack,webpack注入了plugin之后,那么在webpack后续构建的某个时间节点就会触发plugin定义的功能plugin一旦注入到webpack中后,它会在对应的生命周期函数里绑定一个事件函数,当webpack的主程序执行到那个生命周期对应的处理工序时,plugin绑定的事件就会触发.......原创 2022-06-23 14:55:38 · 2285 阅读 · 0 评论