webpack概念

关键词汇

emitted/emit 生成,它是 produced 生产或 discharged释放的特殊用语

入口
使用指定模块作为构建依赖图的开始,webpack会找出所有直接或间接的依赖,最后直接输出到bundles的文件中。

module.exports = {
  entry: './path/to/my/entry/file.js'
};

出口
output配置哪个位置输出创建的bundles,还有对文件命名的规则,默认值是./dist

loader
webpack自身只能处理js文件,loader是webpack的一种能力拓展,让webpack可以处理其他类型的文件。
loader的目标
1.test属性,用于识别出对应的loader可以处理的文件
2.use属性,转换时,使用的指定loader

plugins 插件
plugin的任务可执行范围非常广,比loader的能力要丰富的多,

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • webpack是一个JavaScript应用程序的静态模块打包器。当webpack处理应用程序时,它会递归地构建一...
    oWSQo阅读 343评论 0 1
  • 1.0 概念 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及...
    嘻洋洋阅读 305评论 0 0
  • 一、概念 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bun...
    Lia代码猪崽阅读 384评论 0 0
  • 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)...
    逆风飘游的鱼阅读 3,354评论 0 1
  • Webpack 概念 webpack 是一个现代的 JavaScript 应用程序的模块打包器(module bu...
    静默虚空阅读 572评论 0 0

友情链接更多精彩内容