Filename和chunkFilename的区别

Output：有两个配置filename和chunkFilename

Filename：打包同步代码

chunkFilename：打包异步代码

配置如下：

1、filename:'js/[name].[hash].js':

Hash:是根据整个项目来构建,项目构建使用同一个hash，任何文件改动，所有hash都会改变

2、filename:'js/[name].[chunkhash].js'

Chunkhash：根据入口文件(Entry)进行依赖文件解析，对每个模块构建对应chunk，生成对应的hash。

比如有两个文件Home，About；

Home中同步引入header和footer两组件。

当Home改变代码，打包的时候，Home文件Chunkhash会改变，入口文件index的Chunkhash会改变。

当header代码改变，Home的Chunkhash也改变，入口文件index的Chunkhash会改变。

Home中同步引入header和footer两组件。Webpack会将header和footer分别打包，如果header改变了，header自身Chunkhash会改变，如文件index也会改变

css的打包会特殊一点：一般使用contentHash

Filename和chunkFilename的区别相关推荐

wbepack中output.filename和output.chunkFilename
对于webpack配置中filename和chunkFilename在使用中有些不懂的地方,研究之后记录如下. filename: string | function 此选项决定了每个输出 bundl ...
linux中export和source的作用和区别
linux中export和source的作用和区别 2013-11-12 12:36 1039人阅读评论(0) 收藏举报分类: linux(82) shell与export命令用户登录到Lin ...
linux下source filename，./filename，. filename，......
linux下"source filename,"./filename",". filename",...... 当我修改了/etc/profile文件 ...
linux source和.的区别,source和.命令的区别
source FileName 作用:在当前bash环境下读取并执行FileName中的命令. 注:该命令通常用命令"."来替代. 如:source .bash_rc 与 . .b ...
vue.config.js 配置参考
文章目录属性说明常用完整配置属性说明 vue.config.js是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-s ...
6个必须掌握的基础配置 - [webpack第一篇]
webpack实战系列全目录 webpack6个常见的基础配置知识点 webpack 12个常见的实际场景 webpack15个常见的优化策略[敬请期待] webpack从0打造兼容ie8的脚手架[敬 ...
VUE-CLI可选的配置文件vue.config.js
VUE-CLI可选的配置文件 vue.config.js 整理自官方文档,仅供博文https://blog.csdn.net/qq_28550263/article/details/120633610 ...
从零开始使用webpack 搭建vue项目
从零开始使用webpack 搭建vue项目 1 创建项目 npm init 生成 package.json 创建 index.html webpack.confug.js project-name|- ...
atool-build脚手架分析与webpack打包原理详解
最近要做一个js解析markdown的项目,所以当然想到了ant design,不过ant design内部又使用了atool-build脚手架,所以决定好好研究一下.如果有不对的地方还烦请指正.不过 ...

Filename和chunkFilename的区别

Output：有两个配置filename和chunkFilename

配置如下：

1、filename:'js/[name].[hash].js':

Hash:是根据整个项目来构建,项目构建使用同一个hash，任何文件改动，所有hash都会改变

2、filename:'js/[name].[chunkhash].js'

Filename和chunkFilename的区别相关推荐

最新文章

热门文章

Filename和chunkFilename的区别

Output：有两个配置filename和chunkFilename

配置如下：

1、filename:'js/[name].[hash].js':

Hash:是根据整个项目来构建,项目构建使用同一个hash， 任何文件改动， 所有hash都会改变

2、filename:'js/[name].[chunkhash].js'

Filename和chunkFilename的区别相关推荐

最新文章

热门文章

Hash:是根据整个项目来构建,项目构建使用同一个hash，任何文件改动，所有hash都会改变