webpack 知识点整理

前端代码为何要进行构建和打包?

体积更小 (Tree-Shaking、压缩、合并),加载更快

编译高级语言或语法(TS,ES6+,模块化,scss)

兼容性和错误检查(Polyfill、postcss、eslint)

统一、高效的开发环境

统一的构建流程和产出标准

集成公司构建规范(提测、上线等)

module、chunk、bundle 分别什么意思,有何区别?

module:各个源码文件,webpack中一切皆模块,只要是能引用的依赖,包括js、css、图片等都是模块。

chunk:多模块合并成的,如 entry、import()、splitChunk

bundle:最终的输出文件,一般是一个 chunk 对应 一个 bundle

loader 和 plugin 的区别?

loader:模块转换器,如 less -> css

plugin:扩展插件,如 HtmlWebpackPlugin

常见 loader 和 plugin 有哪些?

loaders | webpack 中文网

Plugins | webpack 中文网

猜你喜欢

转载自blog.csdn.net/m0_38066007/article/details/120969422#comments_18794828