如何将js文件集合排队到webpack中

时间:2017-10-02 15:52:35

标签: javascript webpack

例如,我的全局app.js中有3个文件

require('../libraries/file1');
require('../libraries/file2');
require('../libraries/file3');

当webpack编译时,app.js有file2,file1,file3的队列。 如何将js文件集合排队到webpack中? 如何配置webpack.config? 我需要在队列中运行文件。感谢

1 个答案:

答案 0 :(得分:0)

如果要将它们捆绑到一个文件中,可以使用webpack.config.js中的下一个语法:

{
  entry: [
    'path/to/file/1',
    'path/to/file/2',
    '...',
    'path/to/file/n',
  ]
}

对于多个入口点,您可以使用下一个配置:

{
    entry: {
        firstEntryPoint: [
            'path/to/entry/point/1/fist/file',
            'path/to/entry/point/1/second/file',
            '...',
        ],
        secondEntryPoint: [
            'path/to/entry/point/2/fist/file',
            'path/to/entry/point/2/second/file',
            '...',
        ],
        // ...
    },
    output: {
        filename: '[name].js',
        // ...
    }
}

因此,webpack会生成两个名为firstEntryPoint.jssecondEntryPoint.js的文件。

this doc中描述了有关webpack配置对象的更多信息。