Webpack 2: CommonsChunkPlugin发行

Question

我想问一个关于CommonsChunkPlugin的问题

const path = require('path');
const webpack = require('webpack');

module.exports = {
    entry: {
        vendor: ['moment'],
        app: ['./www/build/main.js']
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].bundle.js'
    },
    module: {
        rules: [
            { test: /\.(js)$/, use: 'babel-loader' }
        ]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            name: 'chunk'
        })
    ]
}

运行webpack脚本后，生成了3个文件(vendor.bundle、app.bundle、chunk.bundle)。我的问题是：

1. chunk.bundle的用法是什么?为什么要生成它？我在" entry“中设置了配置，输出取决于条目的名称。
2. 如何对文件夹下的所有文件运行脚本？当前设置需要一个一个地输入。
3. 如果我的文件太大，如何将文件拆分成一些较小的文件？

谢谢。

Answer 1

1) chunk.bundle.js是由插件生成的。它的运作有点超出通常的Webpack流。

2)不知道你在说些什么，这里。您可能需要查看minChunks设置，即chunks。

3)可以使用插件的多个实例。我发现除了一个实例之外，您必须对每个实例使用chunks设置来避免出现错误。基本上，它指定插件将操作哪些条目文件。可以在chunks中指定所有条目文件，然后使用带有minChunks的函数筛选出希望包含在该文件中的内容。