【webpack】webpack配置的 entry 和 output-filename

entry :页面中的入口文件。也就是打包从哪个文件开始。

它有三种类型的值:字符串、数组、对象

  • 字符串:指定从这个文件路径下面的文件作为打包的入口文件
  • 数组 : 当存在多个入口时 ,可以使用 Array 的方式,比如依赖第三方库 bootstrap ,最终 bootstrap 会被追加到打包好的 index.js 中,数组中的最后一个会被 export。
  • 对象:设置多个打包目标。每一对键值对都对应着一个入口文件。常用语多页面入口文件配置

1、字符串方法:

字符串

编译

2、数组方法:

数组

编译

3、对象方法:

对象

output-filename :编译后输出的文件名称

output-filename的使用中,有三种占位符:

[name] is replaced by the name of the chunk.

[hash] is replaced by the hash of the compilation.

[chunkhash] is replaced by the hash of the chunk.

分别如下图所示:


name
hash
chunkhash

查看更多 output-filename

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容