前端代码为何要进行构建和打包?
体积更小 (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