腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

code秘密花园

专栏作者

571

文章

924452

阅读量

60

订阅数

2022 年前端大事记

api webpack 网站打包

去年我总结了 2021 年 JavaScript 大事记之后，最近好多小伙伴催更我的 2022 年总结，这就来了。

2023-01-09

1.2K0

前端领域的插件式设计

webpack react javascript 打包 rollup.js

例如，当我们需要把我们前端代码中的 css 样式提取打包，我们可以用 webpack 的 mini-css-extract-plugin，或者你如果用 rollup 的话，可以选择 rollup-plugin-postcss。

2023-01-09

1.6K0

2022 Web 年鉴 — JavaScript

webpack 网站 https babel.js 网络安全

大家好，我是 ConardLi。今天带大家来解读一个比较权威的 JavaScript 年度报告，我们一起来看看今年的 JavaScript 到底是什么样子。

2023-01-09

6870

关于前端部署的几个灵魂拷问

缓存 cdn html nginx webpack

先从简单的静态页面开始，众所周知，前端资源由 HTML、JavaScript、CSS 三剑客组成，假设我们有一个简单的页面，用Nginx作为 Web 服务器，资源组织结构大概如下：

2022-04-08

1.8K0

面向未来与浏览器规范的前端DDD架构设计

小程序 webpack javascript 打包 react

Hello 大家好，我是来自字节跳动的郑仁杰，目前是公司微前端开源项目 Magic（https://github.com/bytedance/magic-microservices）的负责人及核心贡献者，今天我带来的分享主题是《面向未来与浏览器规范的前端 DDD 架构设计》，这次我们站在了一个与行业传统微前端解决方案完全不同的全新的视角去思考如何设计和实践前端微服务，如何更优雅的借助浏览器原生能力将微前端的粒度做到组件级别，期待能给大家带来不一样的收获和体验。

2021-12-13

1.7K0

使用 Rust 编写更快的 React 组件

react npm webpack 网站打包

大家好，我是 ConardLi，上周发了一篇 Wasm 的文章，主要分析的是今年 Google 开发者大会上的 Wasm 主题：

2021-12-02

1K0

TypeScript是如何工作的

ide 编程算法 typescript node.js webpack

TypeScript 是一门基于 JavaScript 拓展的语言，它是 JavaScript 的超集，并且给 JavaScript 添加了静态类型检查系统。TypeScript 能让我们在开发时发现程序中类型定义不一致的地方，及时消除隐藏的风险，大大增强了代码的可读性以及可维护性。相信大家对于如何在项目中使用 TypeScript 已经轻车熟路，本文就来探讨简单探讨一下 TypeScript 是如何工作的，以及有哪些工具帮助它实现了这个目标。

2021-09-29

5.3K0

在字节某项目中落地 Bundleless，我经历了什么？

webpack javascript 网站缓存打包

最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些前沿且激进的方案，因此在公司找到了一个业务中后台项目初步尝试引入 Vite。

2021-09-29

1.2K0

vite+Vue3+ts搭建通用后台管理系统

vue.js 缓存 css webpack javascript

本文主要讲解使用vite来作为脚手架开发。(动手能力强的小伙伴完全可以使用vite做开发服务器，使用webpack做打包编译放到生产环境)

2021-09-08

5660

我是如何调试 Webpack 问题的

webpack express javascript 打包网站

嗯？文件列表页？好吧，这种情况我似乎没遇到过，一下子没法给出答案，只能要来关键代码：

2021-08-12

2.8K1

我是如何将网页性能提升5倍的 — 构建优化篇

cdn react webpack javascript 打包

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。

2020-12-31

2.3K0

你需要了解的几种微前端解决方案

html webpack javascript 打包网站

在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念：

2020-12-15

2.4K0

Webpack5 让我头疼！

网站 node.js api webpack npm

npm 上的大多数软件包主要是使用 Node.js 开发的。但是，由于采用了自动引用 polyfills 功能，它们中的大多数在浏览器中也可以正常使用。问题是 Webpack 通过自动引用 polyfills 为开发者提供便利，现在又突然取消了。好像他们从来没有提供过这个功能，但是开发人员现在还是希望 npm 上的包在绑定后能在浏览器中使用。

2020-11-10

6970

【webpack 性能优化】编译速度从 50S 到 7S

缓存 babel.js webpack javascript 网站

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解

2020-10-30

3.1K0

分析网页 JavaScript Bundles 的几种方法

打包 webpack json 网站

分析你网页中的 JavaScript Bundles 大小，并限制网页中的 JavaScript 数量，可以减少浏览器花费在解析、编译和执行 JavaScript 的时间。这可以加快浏览器可以开始响应用户交互行为的速度，从而改善 First Input Delay、Largest Contentful Paint 等几个重要的性能指标。

2020-08-31

6480

14个 JavaScript 代码优化技巧

https 网络安全 webpack 网站打包

这篇文章列举了一些技巧，可帮助你写出更好的 JavaScript 代码，从而提高性能。

2020-07-29

8990

node_modules 困境

npm webpack yarn node.js javascript

Ryan 对于 node.js 的十大遗憾之一就是支持了 node_modules，node_modules 的设计虽然能满足大部分的场景，但是其仍然存在着种种缺陷，尤其在前端工程化领域，造成了不少的问题，本文总结下其存在的一些问题，和可能的改进方式。

2020-06-01

1.7K0

10 种跨域解决方案（附终极方案）

http html https webpack javascript

嗯。又来了，又说到跨域了，这是一个老生常谈的话题，以前我觉得这种基础文章没有什么好写的，会想着你去了解底层啊，不是很简单吗。但是最近在开发一个「vscode 插件」发现，当你刚入门一样东西的时候，你不会想这么多，因为你对他不熟悉，当你遇到不会的东西，你就是想先找到解决方案，然后通过这个解决方案再去深入理解。就比如跨域，新人或者刚接触的人对它并不是那么熟悉，所以说列出一些自己积累的方案，以及一些常用的场景来给他人带来一些解决问题的思路，这件事是有意义的。（写完之后还发现真香。以后忘了还能回来看看）

2020-05-08

2.9K0

Webpack 5 Module Federation: JavaScript 架构的变革者

打包 webpack 网站 jquery ui react

Module Federation [ˌfedəˈreɪʃn] 使 JavaScript 应用得以在客户端或服务器上动态运行另一个 bundle 或者 build 的代码。

2020-04-15

1.8K0

从构建进程间缓存设计谈 Webpack5 优化和工作原理

网站缓存 webpack javascript 打包

让我们把目光先聚焦到即将破土而出的 Webpack 5 上，尽管国内外已经有抢鲜试水的尝试，其中也不乏@张立理的文章：Webpack 5 升级实验，讲述升级路径和体会，但是尚没发现从技术原理角度的设计解析。

2020-03-19

7840

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态