- module 模块 写一个commonjs 或者amd规范的包就叫module
- package 是所有module构成的，它是一个整体的概念，整个项目就是一个package，它可能是commonjs或者amd规范的包
- bundle是webpack打包的结果 所有的module都打包成一个文件 （module集合）
- chunk bundle是入口bundle,异步加载一个模块，是需要运行时去处理的，获取的过程就是一个代码块即chunk;由bundle获取的包为chunk
webpack中module package bundle chunk详细讲解
2022-11-26
105
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
webpack中module package bundle chunk详细讲解
目录
相关文章
|
3月前
|
缓存
前端开发
数据可视化
Webpack Bundle Analyzer：深入分析与优化你的包
Webpack Bundle Analyzer是一款可视化工具，帮助分析Webpack构建结果，找出占用空间较大的模块以便优化。首先需安装Webpack和Webpack Bundle Analyzer，接着在`webpack.config.js`中配置插件。运行Webpack后，会在`dist`目录生成`report.html`，展示交互式图表分析包大小分布。为优化可采用代码分割、Tree Shaking、压缩插件、加载器优化、模块懒加载、代码预热、提取公共库、使用CDN、图片优化、利用缓存、避免重复模块、使用Source Maps、优化字体和图标、避免全局样式污染以及优化HTML输出等策略。
132
3
3
|
4月前
|
JavaScript
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
269
1
1
|
前端开发
JavaScript
编译器
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
924
0
0
|
JavaScript
Cloud Native
Go
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
78
0
0
|
资源调度
前端开发
JavaScript
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（下）
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（下）
215
0
1
|
缓存
资源调度
前端开发
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（中）
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（中）
321
0
1
|
边缘计算
前端开发
JavaScript
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（上）
【微前端】手把手教你从0到1实现基于Webpack5 模块联邦（Module Federation）的微前端~（上）
1712
0
1
|
JavaScript
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
965
0
0
|
JavaScript
前端开发
热门文章
最新文章
1
Webpack构建library时的踩坑经历
2
【vue】webpack打包vue项目并且运行在Tomcat里面
3
webpack window 使用sass来编译css样式
4
vue之webpack打包原理和用法详解
5
2.2.3 使用webpack loader
6
wp2vite的妙用，让webpack项目支持vite
7
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
8
你真的理解 Webpack？请回答下列问题
9
【网络安全】WebPack源码（前端源码）泄露 + jsmap文件还原
10
webpack指南-webpack介绍-代码分割 - CSS
1
深入理解 Webpack 热更新原理：提升开发效率的关键
368
2
webpack -vite(Rollup )-Gulp （一）
109
3
webpack-devtool选项 --生成source-map便于开发调试（二）
212
4
Webpack中的Loader和Plugin：理解与使用
100
5
webpack版本问题 Cannot read property ‘createHash‘ of undefined
86
6
【网络安全】WebPack源码（前端源码）泄露 + jsmap文件还原
955
7
使用Webpack的module.hot API来定义模块的热替换
73
8
webpack热更新原理
59
9
【TypeScript技术专栏】TypeScript与Webpack构建优化
87
10
【专栏】`webpack` 的 `DefinePlugin` 插件用于在编译时动态定义全局变量，实现环境变量差异化、配置参数动态化和条件编译
313