首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
just磊哥
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
【手把手带你配 webpack】第一步, 做一个高级前端工程师
webpack 顾名思义, web 应用的 pack(打包) 工具. 举个栗子, 假如你出门旅行需要携带各种各样的随身物品, 怎么办咧? 一个背包搞定. 所有的随身物品打包到背包里, 管他充电器还是充电宝, 杜蕾斯还是冈本全都一步到位... 早期的 web 应用相对单调, 网页…
如何利用webpack来提升前端开发效率(二)?
通过如何利用webpack来提升前端开发效率(一)的学习,我们已经能够通过webpack的loader和piugin机制来处理各种文件资源。细心的小伙伴们发现了缺少了对字体文件和HTML中<img>标签的资源处理,那让我们先来解决这个问题。 随后在命令行执行npm run bu…
📚免费的渐进式教程:Webpack4的16篇讲解和16份代码
首先,没有标题党!这套教程确实是免费的,并且针对每节讲解准备了对应的代码,代码环境是webpack4。 课程以常见的webpack4用法为主线,按照从易到难的顺序,逐步引导搭建,渐进式教程真香。 说句实在话,webpack4其实完全靠文档,但是刚入手的时候还是有个简易教程比较好…
快速打造简易高效的webpack配置
webpack给前端开发带来了毋庸置疑的改变,它把JS,图片,css都作为模块处理,同时具有开发便捷,自动化,兼容AMD写法等等诸多无须赘述的优点,更令人称道的是其插件社区非常强大,对于不同的业务需求和技术需求社区都有大量插件可供使用。 凡事都具有两面性,许多人说:前端开发再也不…
使用 webpack 的各种插件提升你的开发效率
近几个月,接手了一个老项目的重构规划,有多老呢?就是前端青铜时代的项目,一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 前端 html、css、js三剑客 加上 jQuery 复制粘贴就是干。 前端不够后端来凑。如果前端有一些需求不是很复杂的话,后端人员有时候也会…
Webpack DllPlugin 让构建速度柔顺丝滑
DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles,同时还大大提升了构建的速度,将包含大量复用模块且不会频繁更新的库进行编译,只需要编译一次,编译完成后存在指定的文件中。在之后的构建过程中不会再对这些模块进行编译,而是直接使用 D…
【手把手带你撸一个接口测试工具】第一步, 搭建顺手的开发环境
ps: 本文中环境的搭建是基于 mac 的, 如果有用 win 且需要帮助的小伙伴. 请评论区留言, 待我去网吧的时候把 win 环境下的部分也补上 简洁的官方网站映入眼帘, 硕大的绿色按钮让人情不自禁的想要点他一下, 不要抑制内心的想法, 点吧 ^_^. 完成后点击下载下来的…
曲线救国:webpack打包优化黑科技
随着我们项目越来越复杂,我们在用webpack打包的时候,会发现打包的速度越来越慢,最后慢到打包一次要几分钟甚至更多的时间,缓慢的打包速度严重影响效率,那么如何提高打包速度就成为了我们的痛点,一般大家都是用HappyPack、Dellplugin和UglifyJsPlugin(…
Webpack系列-第三篇流程杂记
入口处在bulid.js,可以看到其中的代码是先实例化webpack,然后调用compiler的run方法。 可以看出options保存的就是本次webpack的一些配置参数,而其中的plugins属性则是webpack中最重要的插件。 调用run时,会先在内部触发before…
如何利用webpack来提升前端开发效率(一)?
create-react-app project vue create project等命令。 ... 可能大家在遇到上述开发场景时,可能就二话不说,直接开启编辑器,撸起袖子就是“代码一把梭”。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mod…