Question

使用Webpack，我们有一种入口类型的模式，它递归地捆绑和缩小所有文件。但我想手动捆绑文件列表。该列表可以是一些4到5个插件到1个js文件。

我们在Gulp上的表现，我们可以在Webpack中做到这一点。

这种风格我知道怎么做，因为我们给出了入口点

module.exports = {
  entry: {...},
  output: {...},
  module: {...},
  plugins: [
    new UglifyJSPlugin()
  ]
};

Answer 1

如果它们是您要捆绑的第三方软件包，那么使用CommonChunksPlugin就是您正在寻找的https://webpack.js.org/guides/code-splitting-libraries/#manifest-file。

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

module.exports = function(env) {
    return {
        entry: {
            main: './index.js',
            vendor: ['moment', 'lodash', 'jQuery']
        },
        output: {
            filename: '[name].[chunkhash].js',
            path: path.resolve(__dirname, 'dist')
        },
        plugins: [
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendor', 'manifest'] // Specify the common bundle's name.
            })
        ]
    }
};

将一个包名称数组添加到供应商数组中，webpack会将这些包名称捆绑到与您的应用程序文件不同的块中。

缩小没有入口点Webpack的文件列表

1 个答案: