首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Webpack
订阅
sugarweb
更多收藏集
微信扫码分享
微信
新浪微博
QQ
19篇文章 · 0订阅
每个前端都必须要学会的Webpack优化手段
前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli,但是只是基本搭建,而没有进
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
webpack之常用配置 (一)
webpack目前是前端常用的工程化工具了。它可以帮助我们自动化构建打包各类的资源,极大的提高了我们打包代码的效率。在webpack看来,所有的资源文件都是模块(module),只是处理的方式不同。 建议不要全局安装webpack,因为不同的项目webpack的版本号是不一样的…
实现一个移除 console.log 的 webpack 插件
本文目的,实现一个可以移除项目中 console.log 的 webpack 插件。借此,我们可以学习一下webpack 插件怎么写。 本来以为比较简单,但还是花了我一个上午的时间。 此时我们运行 yarn build 就会在 dist 目录打包出一个 main.js。我们使用…
【值得收藏】前端优化详解以及需要关注的几个问题
前端优化是一个大的课题,需要花好多时间才能理解,之前对前端优化陆陆续续有一些了解。所以这次从渲染优化,打包优化,代码优化做了一个系统的总结,并且引申出了几个需要关注的问题,文章可能有点长,大家一定要看到最后。最后写作不易,希望觉得还可以的话,帮忙点赞一波,提前感谢了。当然如果有…
手写一个webpack4.0配置
确认过眼神,你还是没有准备秋招的人?时间仓促。自京东6月8号开启管培生的招聘,就意味着秋招的开始。然而你还在等着秋天的到来?今年形势应该更为严峻,随着各大技术(vue,webpack,react,微信小程序)生态越来越成熟,这也意味着我们要更加深入的去了解他们,掌握他们。比如你…
2020年了,再不会webpack敲得代码就不香了(近万字实战)
2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深…
vite虽香,但webpack还是要学的
entry是整个配置文件的入口,没有之一。 entry有两种入口,四种配置。 既然有入口,那就肯定有出口啦!就好像人,要吃饭也要拉*。这里的出口就是打包好的东西要把它放在哪里。 module.rules就是loader的配置位置,loader用于解决一些代码的兼容性。 plug…
三十分钟掌握Webpack性能优化
Webpack是现在主流的功能强大的模块化打包工具,在使用Webpack时,如果不注意性能优化,有非常大的可能会产生性能问题,性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等,因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…
10个打开了我新世界大门的 WebAPI
原来我对好多 Web API 一无所知,打开了我新世界的大门,未来 Web 可以做到更多,早日一统江湖吧,吼吼吼。 虽然这些 API 很多目前还存在兼容性的问题,但是还是有必要了解一下的,文中的代码,我已经都测试过了。希望你看完之后能够有所收获。 你可能已经知道并使用更为流行的…