首页
首页
沸点
课程
直播
活动
竞赛
商城
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…