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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端自习课

每日清晨，享受一篇前端优秀文章。

专栏作者

540

文章

711105

阅读量

65

订阅数

【Webpack】1453- Webpack5 的一些知识

webpack 打包 javascript 缓存编程算法

在webpack 5之前，webpack是没有提供持久化缓存，我们开发的时候需要使用类似 cache-loader 来做缓存方面的处理。

2022-11-15

6000

【Vuejs】1247- Vue3 如何实现 Feature Flags？

rollup.js webpack vue.js javascript https

那么如何能够方便实现上面功能呢？这种场景就适合使用 Feature Flags，在构建过程中，通过开关的启用和关闭，对构建代码的过程进行动态设置，从而更好的实现 Tree Shaking。

2022-03-05

7820

【Webpack】1083- 分享15个Webpack实用的插件！！！

css webpack 打包 javascript 网站

用途：将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。

2021-10-08

4950

【Webpack】867- Webpack 优化阻塞的 CSS

css html webpack javascript 打包

随着浏览器的日新月异，网页的性能和速度越来越好，并且对于用户体验来说也越来越重要。

2021-02-26

1.1K0

【JS】784- 14 个 JS 优化建议

缓存编程算法 javascript webpack 打包

JavaScript 已经成为当下最流行的编程语言之一。根据 W3Tech，全世界几乎 96% 的网站都在使用它。关于网站，你需要知道的最关键的一点是，你无法控制访问你网站的用户的硬件设备规格。访问你的网站的终端用户也许使用了高端或低端的设备，用着好的或差的网络连接。这意味着你必须确保你的网站是尽可能优化的，你能够满足任何用户的要求。

2020-11-30

1.2K0

【Webpack】654- 了不起的 Webpack Scope Hoisting 学习指南

webpack 打包 ecmascript javascript 编程算法

Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。

2020-07-16

1K0

了不起的 Webpack Scope Hoisting 学习指南

javascript webpack

Scope Hoisting 是 webpack3 的新功能，直译为 "作用域提升"，它可以让 webpack 打包出来的代码文件更小，运行更快。

2020-07-12

4960

【Webpack】632- 了不起的 Webpack 构建流程学习

webpack 网站 babel.js javascript 编程算法

Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有模块打包成一个或多个 bundle。

2020-06-24

9800

【Webpack】627- 了不起的 Webpack HMR 学习指南（含源码分析）

网站 webpack javascript 打包编程算法

Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完全刷新。

2020-06-19

1.1K0

了不起的 Webpack HMR 学习指南（含源码分析）

网站 webpack javascript 打包编程算法

学习时间：2020.06.14 学习章节：《Webpack HMR 原理解析》 [了不起的 Webpack HMR 学习指南.png]

2020-06-16

1.1K0

【TS】612- 了不起的 tsconfig.json 指南

typescript ide html webpack javascript

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。本文将从以下几个方面全面介绍 tsconfig.json 文件：

2020-06-04

2K0

【JS】547- 200行JS代码，带你实现代码编译器（人人都能学会）

ide https 网络安全 webpack 打包

先问大家一句，日常项目开发中你能离开 ES6 吗？一、前言对于前端同学来说，编译器可能适合神奇的魔盒?，表面普通，但常常给我们惊喜。编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯?。

2020-03-31

2.6K0

【图文详解】200行JS代码，带你实现代码编译器（人人都能学会）

ide webpack 打包网站 typescript

[011ead2e167b86d1d4def84147fbbdf6c6bb1c01.jpg] 最近看到掘金、前端公众号好多 ES2020 的文章，想说一句：放开我，我还学得动！先问大家一句，日常项目开发中你能离开 ES6 吗？一、前言对于前端同学来说，编译器可能适合神奇的魔盒🎁，表面普通，但常常给我们惊喜。编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯🌹。 [20191125-144728-7a47.gif] 其实我们也经常接触到编译器的使用场景： React 中 JSX 转换成

2020-03-29

3.1K0

【Webpack】538- 打包速度提升指南

编程算法文件存储 webpack 打包网站

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。

2020-03-24

1.9K0

🔥Webpack 插件开发如此简单！

webpack javascript

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

2020-03-19

2.2K0

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

webpack vue.js 打包 typescript javascript

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

2020-02-26

1.9K0

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

html5 打包 webpack javascript 网站

在业务中，我们常常会遇到一个场景：同一套web业务代码要在多平台下执行其对应的不同职能。这样很容易出现两个问题：代码里“尸横遍野”的环境判断和分支，提高了代码维护难度；执行环境下载了其他环境的功能代码，造成了资源的浪费。只要我们合理使用Webpack的Tree-shaking功能，就可以很好地解决问题。

2020-02-26

8360

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

本文将带你一起开发第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！做自己的轮子，让别人用去吧。

2020-02-26

9970

【Web技术】424- 那些年曾谈起的跨域

编程算法 html http webpack 打包

对于前端开发来说跨域应该是最不陌生的问题了，无论是开发过程中还是在面试过程中都是一个经常遇到的一个问题，在开发过程中遇到这个问题的话一般都是找后端同学去解决，以至于很多人都忽略了对跨域的认识。为什么会导致跨域？遇到跨域又怎么去解决呢？本文会对这些问题一一的介绍。

2019-11-30

5510

【Webpack】418- 深度优化 Webpack 性能，翻倍构建性能

webpack javascript 网站 cdn 打包

随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的脚手架工具的构建体系，也都是基于 webpack 进行了上层封装。但随着业务代码不断增加，项目深度不断延伸，我们的构建时长也会因此不断增加。渐渐的，总会有人抛出这样的结论：webpack 构建太慢了、太“重”了。就以笔者本次近期为团队优化的项目为例，如下图所示，我们可以看到，随着项目的不断堆砌以及一些不正确的引用，团队内的项目单次构建时长已经达到了40s，这就造成了工程师如果需要重启 devServer 或者执行 build，都会造成很不好的体验。

2019-11-26

1K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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