webpack chunkFilename 非入口文件的命名规则 [转]

官网的文档只理解了filename是主入口的文件名，chunkFilename是非主入口的文件名

filename应该比较好理解，就是对应于entry里面生成出来的文件名。比如：

{entry: {"index": "pages/index.jsx"},output: {filename: "[name].min.js", chunkFilename: "[name].min.js" } }

生成出来的文件名为index.min.js。

chunkname我的理解是未被列在entry中，却又需要被打包出来的文件命名配置。什么场景需要呢？我们项目就遇到过，在按需加载（异步）模块的时候，这样的文件是没有被列在entry中的，如使用CommonJS的方式异步加载模块：

require.ensure(["modules/tips.jsx"], function(require) { var a = require("modules/tips.jsx"); // ... }, 'tips');

异步加载的模块是要以文件形式加载哦，所以这时生成的文件名是以chunkname配置的，生成出的文件名就是tips.min.js。

（require.ensure() API的第三个参数是给这个模块命名，否则 chunkFilename: "[name].min.js" 中的 [name] 是一个自动分配的、可读性很差的id，这是我在文档很不起眼的地方1.1K发现的。。。）

转载于:https://www.cnblogs.com/baota/p/6692075.html

webpack chunkFilename 非入口文件的命名规则 [转]相关推荐

C++中头文件的命名规则
C++中头文件的命名规则,因为C++是从C语言发展而来的,为了与C兼容,C++保留了C语言中的一些规定,其中就包括用.h作为后缀的头文件,比如大家所熟悉的:stdio.h.math.h和string. ...
Steam根目录下userdata文件夹命名规则
Steam根目录下"userdata"文件夹命名规则 userdata的初文件夹命名方式 steamID分类 steam16位ID换算32 steam64位ID换算32 userd ...
Android各国语言和Values文件夹命名规则
Android各国语言缩写 ar 阿拉伯文 ar_AE 阿拉伯文 (阿拉伯联合酋长国) ar_BH 阿拉伯文 (巴林) ar_DZ 阿拉伯文 (阿尔及利亚) ar_EG 阿拉伯文 (埃及) ar_IQ ...
Android各国语言缩写以及各国语言Values文件夹命名规则
Android各国语言缩写 en 英文 en_US 英文 (美国) ar 阿拉伯文 ar_AE 阿拉伯文 (阿拉伯联合酋长国) ar_BH 阿拉伯文 (巴林) ar_DZ 阿拉伯文 (阿尔及 ...
java文件夹命名规则
Java中文件夹命名规则通常遵循以下几条原则: 应使用小写字母,避免使用大写字母. 命名应具有描述性,反映该文件夹中文件的类型或用途. 命名应尽量短,但不能过于简略. 应避免使用空格和特殊字符(如 ! ...
【Linux】/dev 目录中的设备文件名称命名规则
设备命名规则对应表设备文件首名 + [序号] SCSI / SATA / USB 接口 sd [ a~p ] IDE 接口 hd [ a~d ] 软盘 fd [ 0~7 ] CDROM / DVD ...
Android各国语言Values文件夹命名规则
android多国语言文件夹文件汇总如下: 维吾尔文(中国):values-ug-rCN 中文(中国):values-zh-rCN 中文(台湾):values-zh-rTW 中文(香港):values ...
Windows文件及文件夹命名规则之admini~1≈administrator问题
最近自己对admini~1≈administrator产生了一个疑问,百度等搜索引擎都搜索了下都没有好答案,最后经过测试,总结得出一个结果 Windows对文件的一个特性导致admini~1=admi ...
webpack 入口文件 php,webpack的使用详解
这次给大家带来webpack的使用详解,使用webpack的注意事项有哪些,下面就是实战案例,一起来看一下. 1.安装//全局安装npm install -g webpack//安装到你的项目目录np ...

webpack chunkFilename 非入口文件的命名规则 [转]

webpack chunkFilename 非入口文件的命名规则 [转]相关推荐

最新文章

热门文章