首页 > Web开发 > 详细

webpack详解----entry

时间:2020-06-10 00:05:45      阅读:51      评论:0      收藏:0      [点我收藏+]

entry: 入口起点

  1. srting普通打包    单入口
  2. entry   :  ‘./src/index.js‘

    此时形成一个chunk, 输出一个bundle文件

    技术分享图片

    当我们把 filename  改成    ‘[name].js‘, 此时chunk的名称默认为 main

    技术分享图片

    技术分享图片

  3. array打包     多入口
    entry:[‘./src/index.js‘,‘./src/add.js‘]
    index.js  和  add.js 最终只会打包成一个 chunk, 输出只有一个bundle文件,名字叫mian。
    用途: 只有在HMR功能中让html热更新生效
    技术分享图片
  4. object打包   多入口
    entry:{index:‘./src/index.js‘ , add:‘./src/add.js‘ }
    有几个入口文件就形成几个chunk, 输出几个bundle文件
    此时chunk的名称叫 key
    技术分享图片
  5. 特殊用法:
    技术分享图片
    这时 index.js 和 count.js 合并了,
    输出只会输入 index.js  和  add.js
    技术分享图片
    react用法:
    技术分享图片

webpack详解----entry

原文:https://www.cnblogs.com/cl1998/p/13081752.html

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