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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

flytam之深入前端技术栈

专栏作者

94

文章

105341

阅读量

12

订阅数

由浅至深了解webpack异步加载背后的原理

1、module：我们源码目录中的每一个文件，在 webpack 中当作module来处理（webpack 原生不支持的文件类型，则通过 loader 来实现）。module组成了chunk。 2、chunk。webpack打包过程中的产物，在默认一般情况下（没有考虑分包等情况），x 个webpack的entry会输出 x 个bundle。 3、bundle。webpack最终输出的东西，可以直接在浏览器运行的。从图中看可以看到，在抽离 css(当然也可以是图片、字体文件之类的)的情况下，一个chunk是会输出多个bundle的，但是默认情况下一般一个chunk也只是会输出一个bundle

2020-01-14

1.8K0

置顶

从一个webpack打包bug到探索resolve背后的机制

webpack 打包 http javascript 编程算法

经过进一步调试发现，原因是在业务代码的lib/axios.ts的import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';这行代码的引入居然是引入的业务代码的lib/``axios``.ts而不是node_modules中的axios

2021-11-04

9010

由浅至深了解webpack异步加载背后的原理

webpack json javascript 打包编程算法

1、module：我们源码目录中的每一个文件，在 webpack 中当作module来处理（webpack 原生不支持的文件类型，则通过 loader 来实现）。module组成了chunk。

2020-02-08

1.4K0

两个配置修改，让你的webpack打包速度飞起来

babel.js typescript react webpack 打包

使用babel7并且使用@babel/preset-typescript代替ts-loader。一方面，babel7拥有着更快的速度，另一方面，ts-loader默认是会读取ts-config的，于是每次构建的时候ts-loader都会去检查全有业务的类型（即使我们只打包a业务）。

2020-01-14

2.3K0

webpack4学习+配置实现简单的多页面jq开发脚手架

webpack 打包 babel.js html css

前言：以前刚接触 webpack 的时候还是 1，当时大概过了下文档操作了一下当时写的一些注释。后来开发的时候基本写 react 都是用的 create-react-app 或者找别人的搭好的脚手架用。 webpack4 刚出也不算久，重新学习加复习下 webpack 的一些知识。

2020-01-14

9220

18前端实习面经+offer

网站 react 编程算法 http webpack

总的来说，该前端面试覆盖的内容还是相当广的，而且非常注重基础（这应该是大厂的一贯风格）。计算机基础课程操作系统、数据结构、计算机网络必须非常扎实，然后前端css、js、框架原理源码和node都要熟悉或者有一定了解，还要对前端的新发展有一定了解。

2020-01-14

4840

没有更多了

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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