从webpack构建中提取javascript文件

Question

我正在使用webpack的一个项目，我需要一个javascript配置文件作为构建文件的一部分，但我不知道如何做到这一点。

因此，我需要在输出中包含这些文件：

index.html app.js config.js

我想我需要：

1)将config.js文件从源文件夹复制到使用CopyWebpackPlugin的构建文件夹，或

2)将该文件包含在编译后的包中，然后使用ExtractTextWebpackPlugin进行解压缩。

我尝试过几十种不同的配置方法，但是当尝试使用copy方法时，我在app.js包中和作为一个单独的文件获得文件。当我尝试使用提取方法时，我似乎不知道如何从主包中提取javascript。这些文档似乎都解释了如何提取css。

我该怎么做这样的事？

Answer 1

您应该能够通过使用多个入口点来完成这一任务。https://webpack.js.org/concepts/entry-points/

entry: {
    main: './path/to/file/app.js',
    config: './path/to/file/config.js'
}

output: {
    filename: 'output/path/[name].js'
}

通常用于供应商文件的一个更复杂的选项是使用代码分割。https://webpack.js.org/guides/code-splitting/