如果覺得不錯的話攘轩,請點一下贊吧 ??
filename:對應(yīng)于entry里面生成出來的文件名蝇率。比如:
<pre>
module.exports = {
entry: {
app: 'app.js'
},
output: {
filename: '[name].min.js', // 生成出來的文件名為app.min.js文留。
chunkFilename: '[name].min.js'
}
};
</pre>
chunkname:個人理解chunkname就是未被列在entry中艳丛,但有些場景需要被打包出來的文件命名配置灼芭。比如按需加載(異步)模塊的時候轻庆,這樣的文件是沒有被列在entry中的使用CommonJS的方式異步加載模塊旬薯。比如:
<pre>
require.ensure(["modules/app.jsx"], function(require) {
var a = require("modules/app.jsx");
// ...
}, 'app');
</pre>
異步加載的模塊是要以文件形式加載晰骑,所以這時生成的文件名是以chunkname配置的,生成出的文件名就是app.min.js绊序。
require.ensure: 第三個參數(shù)是給這個模塊命名硕舆,否則 chunkFilename: "[name].min.js"中的 [name]是一個自動分配的、可讀性很差的id骤公。