#webpack

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块,生成一系列表示这些模块的静态资源。

10 分钟了解 webpack 核心内容

奋飛

上海观安 · 前端负责人 (已认证)

Tapable 是 webpack 核心工具之一,提供了插件接口。webpack 中许多对象扩展自 Tapable 类(如,负责编译的 Compiler 和负责...

3500

webpack 热更新(HMR)实现原理

伯爵

维谛技术 · 前端工程师 (已认证)

内置了webpack-dev-middleware和express服务器,利用webpack-dev-middleware提供文件的监听和编译,利用expres...

15320

5-1 library 的打包

love丁酥酥

我们开发一个库,供别人使用 npm 下载使用时,为了保证兼容性和体积,应该将其打包。本节介绍如何打包一个库进行发布。

10010

面试中查考的Web安全问题

心谭博客

例如做一个系统的登录界面,输入用户名和密码,提交之后,后端直接拿到数据就拼接 SQL 语句去查询数据库。如果在输入时进行了恶意的 SQL 拼装,那么最后生成的 ...

7420

Serverless开发一款极简网页计数器

心谭博客

这几天基于支持 HTML5 无感认证的 ServerLess 平台开发了一款博客、门户网站等 web 平台常用的 PV 统计工具:page-counter 。主...

10010

简单实用的webpack-html-include-loader(附开发详解)

winty

歪马最近因工作原因,需要对一个托管于内容管理系统的官网类网站进行迁移。既然要重新弄,那工程化自然少不了,webpack、css 预编译等全上了。这样才能向更好的...

15120

从源码窥探Webpack4.x原理

童欧巴

随着多终端设备的迅速普及,Web前端开发的复杂性和应用场景日益扩大,Webpack在前端构建演变的工程化浪潮中担当起了针对不同应用场景打包的大任。如今,Webp...

12810

🔥Webpack 插件开发如此简单!

pingan8787

厦门职行力信息科技有限公司 · 前端开发工程师 (已认证)

本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。

21700

[第5期] AST 与前端工程化实战AST 与前端工程化实战

用户6900878

其实,关于如何开发一个 webpack loader,webpack 官方文档 已经讲的很清楚了,下面我为小伙伴们做个小总结。

9510

爱奇艺号微前端架构实践

coder_koala

近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是一种架构风格类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用...

43210

前端高级进阶:如何更好地优化打包资源

winty

如果你负责了你们前端项目的打包优化,如果以上问题连一个都不了解那么是说不通的。以我作为面试官的两年经验中,如果候选人对这些问题有所了解的话,往往对打包以及web...

18120

webpack5 + webpack-chain 构建一个大型应用系列 2(附 vscode 跟 prettier 配置)

null仔

webpack5 更像是一个黑盒了,好多之前必须要用插件来完成的工作,现在 webpack5 内部已经被集成了,开箱即用。webpack5 主要为了优化编译速度...

28450

webpack打包原理 ? 看完这篇你就懂了 !

null仔

入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。

12920

微信小程序多端框架 kbone 开源

腾讯大讲堂

腾讯 · 产品经理 (已认证)

适用场景 kbone 是一个致力于微信小程序和 Web 端同构的解决方案。 微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环...

21541

【Vuejs】509- vue-loader工作原理

pingan8787

厦门职行力信息科技有限公司 · 前端开发工程师 (已认证)

vue-loader是用于webpack的加载器,允许你用叫做Single-File Components单文件组件的格式来写Vue组件

27930

【Webpack】507- 基于Tree-shaking的多平台Web代码打包实践

pingan8787

厦门职行力信息科技有限公司 · 前端开发工程师 (已认证)

在业务中,我们常常会遇到一个场景:同一套web业务代码要在多平台下执行其对应的不同职能。这样很容易出现两个问题:代码里“尸横遍野”的环境判断和分支,提高了代码维...

11250

【Webpack】513- Webpack 插件开发如此简单!

pingan8787

厦门职行力信息科技有限公司 · 前端开发工程师 (已认证)

所谓“插件事件”即插件所提供的一些事件,用于监听插件状态,这里列举几个 html-webpack-plugin 提供的事件(完整可查看《html-webpack...

8510

【程序源代码】Vue开源项目库汇总

程序源代码

最近在学习VUE,感觉确实不错的前端框架。但光学习基本有点太慢,时间太长,主要是为了项目上手使用,所以在网上找了找比较好的VUE框架开发的项目实例。分享给大家。...

49320

4-3~8 code-splitting,懒加载,预拉取,预加载

love丁酥酥

首先,webpack 资源是支持动态引入的。当涉及到动态代码拆分时,webpack 提供了两个类似的技术。对于动态导入,第一种,也是优先选择的方式是,使用符合 ...

13920

Vue 备受热捧、VS Code 成主宰!2020 前端开发趋势指南,先干为敬!

夜尽天明

前端在生产和开发中占据着越来越重要的地位,PC 端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。本文将围绕框架、编程语言、工具、React、Vue 等...

15510

扫码关注云+社区

领取腾讯云代金券