从 webpack build 中提取 javascript 文件

Question

我正在将 webpack 用于一个项目，我需要将 javascript 配置文件作为构建文件的一部分，但我无法弄清楚如何做到这一点。

所以我需要在输出中包含这些文件：

index.html app.js config.js

我想我需要：

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

2(将文件包含在编译的捆绑包中，然后使用ExtractTextWebpackPlugin将其解压缩。

我已经尝试了数十种不同的配置方法，但是当尝试使用复制方法时，我将文件同时在应用程序.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/