官網(wǎng)的文檔只理解了filename是主入口的文件名，chunkFilename是非主入口的文件名

filename應(yīng)該比較好理解，就是對(duì)應(yīng)于entry里面生成出來(lái)的文件名。比如：

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

生成出來(lái)的文件名為index.min.js。

chunkname我的理解是未被列在entry中，卻又需要被打包出來(lái)的文件命名配置。什么場(chǎng)景需要呢？我們項(xiàng)目就遇到過(guò)，在按需加載（異步）模塊的時(shí)候，這樣的文件是沒(méi)有被列在entry中的，如使用CommonJS的方式異步加載模塊：

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

異步加載的模塊是要以文件形式加載哦，所以這時(shí)生成的文件名是以chunkname配置的，生成出的文件名就是tips.min.js。

（require.ensure() API的第三個(gè)參數(shù)是給這個(gè)模塊命名，否則 chunkFilename: "[name].min.js" 中的 [name] 是一個(gè)自動(dòng)分配的、可讀性很差的id，這是我在文檔很不起眼的地方1.1K發(fā)現(xiàn)的。。。）

轉(zhuǎn)載于:https://www.cnblogs.com/baota/p/6692075.html

總結(jié)

以上是生活随笔為你收集整理的webpack chunkFilename 非入口文件的命名规则 [转]的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。