webpack

Posted 2021-03-08 mijiujs

webpack是一个现代JS应用程序的静态模块打包器。当webpack处理应用程序，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。

入口（entry）：

入口起点指示webpack应该使用哪个模块，，来作为构建起内依赖图的开始

输出output：控制webpack如何向硬盘写入编译文件。只能指定一个输出配置

  output:{
    filename:‘‘, // 用于输出文件的文件名
    path:‘/xxx/xxx/xx‘  // 目标输出目录path的绝对路径
  }

若有多个出口起点，输出的filename要使用占位符，可参考：https://www.webpackjs.com/configuration/output/#output-filename

filename: "[name].bundle.js" // 使用入口名称
filename: "[id].bundle.js" // 使用内部chunk id