首页 > 其他 > 详细

2.基本核心概念 Entry,Output、 Loaders 、Plugins 、Mode

时间:2020-07-26 10:35:10      阅读:91      评论:0      收藏:0      [点我收藏+]

 

  1. Entry:指定webpack打包入口
    1. 单入口:entry是一个字符串,表示文件入口地址,适合单页应用
    2. 技术分享图片
    3. 多入口:entry是一个对象,适合多页应用
    4. 技术分享图片
  2. Output:用来告诉webpack将编译好的文件输出到磁盘
    1. 单出口:直接指定文件名和存储路径
    2. 技术分享图片 
    3.  多出口:使用占位符确保文件名称唯一,文件名自动对应entry多入口中对象里的属性名
    4. 技术分享图片
  3. Loaders:本身是一个函数接受源文件作为参数,返回转换的结果
    1.   Webpack开箱时候只支持js和json两种格式,通过loaders去支持其他文件类型并转换成有效的模块,并且可以添加到依赖图中
    2. 技术分享图片
    3.  

       技术分享图片

       

       

  4. Plugins :插件用于bunble文件的优化,资源管理和环境变量注入,作用于整个构建过程,
    1. 技术分享图片
    2.  

       技术分享图片

  5. Mode:指定打包环境 production(默认)、development、none
    1.  技术分享图片

       

       

 

2.基本核心概念 Entry,Output、 Loaders 、Plugins 、Mode

原文:https://www.cnblogs.com/LBJN/p/13378933.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!